A11y Debugging
chromedevtools/chrome-devtools-mcpAccessibility testing makes sure websites work for everyone. This skill helps you find and fix common problems like missing labels, bad color contrast, or tricky keyboard navigation. It uses the same tools that power Chrome DevTools.
The accessibility tree is the real view of what screen readers see. You can take a snapshot to check heading levels, form labels, and focus states. The skill also runs automated Lighthouse audits to give you a score and list of failing elements.
You can test keyboard traps by pressing Tab and seeing where focus goes. You can even check for orphaned form inputs. This skill follows web.dev guidelines to make websites more usable for people with disabilities.
Add A11y Debugging skill to your workflow
Global
mkdir -p ~/.claude/skills/a11y-debuggingProject
mkdir -p .claude/skills/a11y-debuggingSource Repository
More Accessibility & Localization Claude Code Skills
Accessibilityaddyosmani/web-quality-skills
Audit and improve web accessibility following WCAG 2.2 guidelines for inclusivity
Fixing Accessibilityibelick/ui-skills
Audit and fix HTML accessibility issues for a more inclusive web
Accessibility Compliancewshobson/agents
Build inclusive interfaces that everyone can use with ease and confidence
Wcag Audit Patternswshobson/agents
Audit websites for WCAG 2.2 compliance and fix accessibility violations
Next Intl Add Languagegithub/awesome-copilot
Easily add a new language to your Next.js internationalized app
Vscode Ext Localizationgithub/awesome-copilot
Localize VS Code extensions correctly for all languages using official best practices
Flutter Improving Accessibilityflutter/skills
Make your Flutter app usable for everyone with accessibility features
Screen Reader Testingwshobson/agents
Test websites with screen readers for full accessibility and user inclusion