a11y-debugging e2f08b4f611b
Uses Chrome DevTools MCP for accessibility (a11y) debugging and auditing based on web.dev guidelines. Use when testing semantic HTML, ARIA labels, focus states, keyboard navigation, tap targets, and color contrast.
Launcher coming soon
Without the launcher
git clone https://github.com/ChromeDevTools/chrome-devtools-mcp.git cd chrome-devtools-mcp git checkout e2f08b4f611b18f7e62e2075f1e1ef0df1146583
Then copy chrome-devtools-mcp/skills/a11y-debugging into your app's skills folder, for example .claude/skills/a11y-debugging.
Commit
e2f08b4f611b18f7e62e2075f1e1ef0df1146583Source at e2f08b4
Works with
Claude Code, SKILL.md
Checks
- Instructions read in full
- Static code checks
- Copy check
- Sandbox run: nothing to run
Every check finished and our reviewer read this version in full. That isn't a guarantee.
Files
| Path | Size | Git blob | SHA-256 |
|---|---|---|---|
| skills/a11y-debugging/SKILL.md | 5.9 KB | d6b2413b7aa090c8a5c605982456811767a3c622 | e6e1620e4c1d54bef04c3de1bdabb327602b62b7b3db703557865eac84b871b1 |
| skills/a11y-debugging/references/a11y-snippets.md | 2.7 KB | e40d424df8d9944f01a5a5fb0909c5f6486a8040 | 93a02d8889738300461b63da77c1647d4d0156fd9b75107574fbed0a931c20ab |