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.
Install
npx skills add ChromeDevTools/chrome-devtools-mcp --skill a11y-debuggingnpx skills add ChromeDevTools/chrome-devtools-mcp --skill a11y-debugging -a claude-code -gnpx skills add ChromeDevTools/chrome-devtools-mcp --skill a11y-debugging -a codex -ggemini skills install https://github.com/ChromeDevTools/chrome-devtools-mcp.git --path skills/a11y-debugginggh skill install ChromeDevTools/chrome-devtools-mcp a11y-debugginggit clone --depth 1 https://github.com/ChromeDevTools/chrome-devtools-mcp /tmp/ChromeDevTools__chrome-devtools-mcp
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/ChromeDevTools__chrome-devtools-mcp/skills/a11y-debugging ~/.claude/skills/a11y-debugging # Claude Code
cp -R /tmp/ChromeDevTools__chrome-devtools-mcp/skills/a11y-debugging ~/.agents/skills/a11y-debugging # Codex, Cursor, Gemini CLI, Copilot, OpenCode