accessibility-checker
Verify accessibility (WCAG 2.1 Level AA) of React components. Use when creating UI components, forms, or when the user requests accessibility verification.
Installation
Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.
View source ↗GuidesSkill instructions
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.
Examples
Read the usage examples in the source repository.
View source ↗Source history
- Indexed on
- 2026-01-20
- Index updated
- 2026-01-26
- Branch
- main
Index and sync dates describe this directory. View the source repository for code history.
GitHub ↗chat Comments (0)
Sign in to join the discussion and leave a comment.
No comments yet. Be the first to share your thoughts!