Skip to main content
← Resources

Tools

Bookmarklets

Browser bookmarklets for manual accessibility testing. Drag any bookmarklet to your bookmarks bar, then click it on any page to run the test.

SC 2.4.4

Highlight Links Missing Discernible Text

Highlights anchor elements with no discernible text: no visible text, aria-label, aria-labelledby, title, or img alt. Alerts with a count of failures.

Drag this link to your bookmarks bar:

Highlight Links Missing Discernible Text

Can't drag and drop? Copy the code, then: Bookmarks → Bookmark manager → New bookmark → paste as URL

SC 1.1.1

Highlight Images Missing Alt Attribute

Highlights all images missing an alt attribute and alerts with a count. Note: does not flag images with empty alt, which may be intentional for decorative images.

Drag this link to your bookmarks bar:

Highlight Images Missing Alt Attribute

Can't drag and drop? Copy the code, then: Bookmarks → Bookmark manager → New bookmark → paste as URL

SC 2.4.7

Force Visible Focus Indicator

Injects a high-visibility red focus outline on all focusable elements. Click again to remove. Useful for testing with keyboard when focus indicators have been suppressed.

Drag this link to your bookmarks bar:

Force Visible Focus Indicator

Can't drag and drop? Copy the code, then: Bookmarks → Bookmark manager → New bookmark → paste as URL

SC 2.4.3, 2.4.7

Focus Console Logger

Logs every focus change to the DevTools console with details about the element receiving focus.

Drag this link to your bookmarks bar:

Focus Console Logger

Can't drag and drop? Copy the code, then: Bookmarks → Bookmark manager → New bookmark → paste as URL

Utility - No SC

Modal Print Unlock

Expands an open modal and hides the page behind it so the full modal content prints to PDF. Click again to undo.

Drag this link to your bookmarks bar:

Modal Print Unlock

Can't drag and drop? Copy the code, then: Bookmarks → Bookmark manager → New bookmark → paste as URL

Utility - No SC

Focused Element Inspector

A keyboard-and-screen-reader-friendly alternative to DevTools inspection. Copies the focused element's tag, attributes, resolved ARIA references, state, and HTML to the clipboard.

Drag this link to your bookmarks bar:

Focused Element Inspector

Can't drag and drop? Copy the code, then: Bookmarks → Bookmark manager → New bookmark → paste as URL

SC 1.4.1, 1.4.3, 1.4.11

Theme Flipper

Flips light and dark themes by rewriting prefers-color-scheme media queries and toggling common theme hooks (a dark/light class or data-theme attribute on the html element). Click again to toggle back. Limitations: theme managers that persist state may immediately revert the change, cross-origin stylesheets without CORS headers are skipped, custom theme attribute values are not recognized, and styles loaded after running it need a re-click.

Drag this link to your bookmarks bar:

Theme Flipper

Can't drag and drop? Copy the code, then: Bookmarks → Bookmark manager → New bookmark → paste as URL