Accessibility toolkit

Tester tools in one place

Drag a bookmark into your browser and use the A11y Audit Panel or the A11y UX Widget on any page. No extension needed.

If drag-and-drop does not work, copy the bookmarklet below and paste it into the URL or location field of a new bookmark.

Toolkit scope

This repo is the umbrella and public entry point. Some accessibility assets live here directly, and some stay as linked module repos. Right now, both a11y-expert-mcp and a11y-skills stay separate and are linked instead of being merged in.

a11y-expert-mcp a11y-skills sr-visualizer accessibility-validator portfolio inventory

How this works

  1. Keep shared accessibility engineering assets here.
  2. Keep portfolio repos as references until extraction is worth it.
  3. Promote the best parts into modules, workflows, docs, or research inputs.
Tool 1

A11y Audit Panel

Visual accessibility auditor: headings, landmarks, alt text, labels, hidden content, tab order, contrast, focus, ARIA, and form checks.

Drag audit panel Copy
Tool 2

A11y UX Widget

Live accessibility customization: contrast, color vision filters, dyslexia font, font size, focus, motion, spacing, reading guide, and big cursor.

Drag UX widget Copy

How to use

  1. Show your browser bookmarks bar.
  2. Drag one of the buttons above into the bookmarks bar.
  3. Open any site or local page you want to test.
  4. Click the bookmark to open that tool.

Developer files

If you are integrating or hosting these tools yourself:

audit-panel.iife.js audit-panel bookmarklet ux-widget.iife.js ux-widget bookmarklet GitHub repo