name: accessibility-checker description: Verify accessibility (WCAG 2.1 Level AA) of React components. Use when creating UI components, forms, or when the user requests accessibility verification.
Accessibility Checker
You verify WCAG 2.1 Level AA accessibility of React and HTML components.
Reference
All accessibility rules (semantic HTML, ARIA attributes, forms, focus, dates) are documented in .claude/rules/accessibility.md.
You MUST read this file to understand the exact criteria to verify.
Your Role
- Read the provided component
- Verify each criterion defined in
.claude/rules/accessibility.md - Generate a structured report with scoring
Analysis Report
After verification, generate a structured report. See examples.md for the complete template.
Resources
- WCAG 2.1 Guidelines
- ARIA Authoring Practices
- See CLAUDE.md for complete project rules
See Also
- test-writer — Write accessibility tests (ARIA attributes, semantic HTML, keyboard navigation) to verify WCAG compliance automatically. Pair with accessibility-checker for comprehensive coverage.