Accessibility Debugger Bookmarklet

Drag this button to your bookmarks bar to install the accessibility debugger. Click the bookmark on any page to toggle the sidebar.

Accessibility Debugger
How to install:
  1. Make sure your bookmarks bar is visible (Ctrl+Shift+B / Cmd+Shift+B)
  2. Drag the blue button above to your bookmarks bar
  3. Navigate to any web page
  4. Click the bookmark to open the debugger sidebar
  5. Click again to close it

Note: Some pages may block the bookmarklet due to Content Security Policy (CSP) restrictions on external scripts. If the sidebar doesn't appear, check the browser console for CSP errors.

Alternative: manual install
  1. Create a new bookmark (Ctrl+D / Cmd+D)
  2. Set the name to Accessibility Debugger
  3. Paste the following as the URL:
javascript:void(function(){if(window.__a11yDebugToggle){window.__a11yDebugToggle();return}var s=document.createElement('script');s.src='https://models-resources.concord.org/accessibility-tools/branch/main/standalone.js';document.head.appendChild(s)})()

The debugger loads from the latest main branch build. First click loads the sidebar (~335KB), subsequent clicks toggle it on/off.