chrome-devtools-a11y-debugging
Installation
SKILL.md
Chrome DevTools Accessibility Debugging
Use Chrome DevTools MCP to validate what assistive technologies can see and how keyboard users move through the page. The accessibility tree is the primary source of truth; screenshots are supporting evidence.
Dispatch
| $ARGUMENTS | Action |
|---|---|
| Empty | Ask for the URL/page and target accessibility concern |
| Accessibility audit | Run Lighthouse accessibility, inspect failures, then validate with snapshot and focused checks |
| Missing label or form issue | Use snapshot names first; use the orphan-input snippet for DOM confirmation |
| Keyboard/focus issue | Step through with press_key, taking snapshots after each movement |
| Tap target or contrast issue | Use snippets from references/a11y-snippets.md and confirm visually when needed |
| Modal/menu/dialog issue | Verify focus enters, remains trapped where expected, and returns after close |