Accessibility Audit bookmarklet
Drag the link below to your bookmarks bar. Open any page you want to check — including pages behind sign-in (admin consoles, internal apps, your own authenticated dashboards) — then click the bookmarklet. A review overlay appears in the corner with contrast failures, missing accessible names, alt-text gaps, heading and landmark structure, and keyboard reachability, plus click-to-highlight markers on the affected elements.
Everything runs in your browser. No data leaves your device. No server is called. This is the privacy-safe way to check authenticated surfaces — a local first-pass WCAG review, executed on the page you're already viewing.
Step 1 — Install
Show your bookmarks bar (Cmd+Shift+B on most browsers). Then drag this link onto it:
Bookmarklet size: 34.4 KB. If your browser blocks the drag, right-click the link → Bookmark this link.
Step 2 — Use
- Sign in to the app or page you want to check.
- Navigate to the screen with the interaction or surface you're reviewing.
- Click the Check this page bookmark in your bar.
- A review overlay appears top-right with tabs for summary, issues, contrast, and how-to.
- Click an issue row or numbered marker to scroll to the element and highlight it on the page.
- Re-run after opening menus or dialogs to cover more states.
- Close it with the x button or Esc.
What it checks
- Text contrast — computes the ratio of text against its effective background and flags anything below WCAG AA (4.5:1 normal, 3:1 large), worst first.
- Accessible names — buttons, links, and form controls with no text, label, title, or
aria-label. - Image alt text —
<img>without analtattribute and graphics with no accessible name. - Heading structure — missing or multiple
<h1>and skipped heading levels. - Landmarks & document basics — missing
<main>, page language, and page title. - Keyboard reachability — non-native controls without
tabindex, and positivetabindextraps. - Duplicate ids that break label and ARIA associations.
Privacy
The bookmarklet is a self-contained ~34.4 KB script. When you click it, it executes inside the page you're viewing, reads the DOM and computed styles, runs the checks, and renders a results overlay in the same page. Nothing is transmitted off your machine. There is no fetch, no analytics, no telemetry, no error reporting.
The install link is a minified bookmarklet. The readable source stays in the private source repo so the public Pages artifact exposes only the product users need to install.
What it can't do
Automated checks catch roughly a third of real barriers. This is a fast first pass, not a certification. Always verify keyboard flow, focus order, and screen-reader output by hand. Text over background images is estimated, not measured.
When to use the bookmarklet vs the web tool
- Use the Accessibility Audit web tool for any public URL. It gives you the full report: screenshots, annotations, per-finding recommendations with priority tags, Markdown / PDF export.
- Use this bookmarklet for pages behind sign-in, region locks, or anything a server-side scan can't reach. The output is local and interactive — contrast, accessible names, alt text, structure, and keyboard reachability — but it runs anywhere your browser does.