Verify accessibility (WCAG 2.1 Level AA) of React components. Use when creating UI components, forms, or when the user requests accessibility verification.
Installs into .claude/skills of the current project.
Are you the author of Accessibility Checker?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/david-li0406-accessibility-checker)
---
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
1. Read the provided component
2. Verify each criterion defined in `.claude/rules/accessibility.md`
3. Generate a structured report with scoring
## Analysis Report
After verification, generate a structured report. See [examples.md](./examples.md) for the complete template.
## Resources
- [WCAG 2.1 Guidelines](https://www.w3.org/WAI/WCAG21/quickref/)
- [ARIA Authoring Practices](https://www.w3.org/WAI/ARIA/apg/)
- See [CLAUDE.md](../../../CLAUDE.md) for complete project rules
## See Also
- **[test-writer](../test-writer/SKILL.md)** — Write accessibility tests (ARIA attributes, semantic HTML, keyboard navigation) to verify WCAG compliance automatically. Pair with accessibility-checker for comprehensive coverage.
