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 TextCan'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 AttributeCan'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 IndicatorCan'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 LoggerCan'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 UnlockCan'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 InspectorCan'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 FlipperCan't drag and drop? Copy the code, then: Bookmarks → Bookmark manager → New bookmark → paste as URL