Accessibility Audit Helper
Installation
SKILL.md
Accessibility Audit Helper
What this skill does
This skill directs the agent to review HTML, JSX, or React component code for WCAG 2.1 accessibility violations. It checks for missing alt text, improper heading hierarchy, ARIA misuse, keyboard trap risks, color contrast hints, missing focus indicators, and more. Every finding is categorized by severity with a concrete before/after code fix included.
Use this before shipping any UI feature, during code review, or as a regular accessibility sweep of your component library.
How to use
Claude Code / Cline
Copy this file to .agents/skills/accessibility-audit-helper/SKILL.md in your project root.
Then share the component or page code and ask:
- "Run an accessibility audit on
src/components/Modal.tsxusing the Accessibility Audit Helper skill." - "Use the Accessibility Audit Helper skill to check this form for a11y issues."
Paste the component code directly or provide a file path for the agent to read.