Agent skill

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.

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/accessibility-checker-xnopre-copro-tickets-tracke

SKILL.md

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 for the complete template.

Resources

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.

Expand your agent's capabilities with these related and highly-rated skills.

Didn't find tool you were looking for?

Be as detailed as possible for better results