AgentSkillsCN

accessibility-checker

验证React组件的无障碍性（符合WCAG 2.1 AA级别标准）。在构建UI组件、设计表单，或应用户需求进行无障碍性验证时，此功能尤为适用。

SKILL.md
--- frontmatter
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 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.