The accessibility-wcag skill empowers developers to build inclusive web interfaces by enforcing the POUR principles—Perceivable, Operable, Understandable, and Robust—directly within the Claude Code workflow. It prioritizes semantic-first authoring, validates color contrast ratios, ensures keyboard operability, and audits ARIA implementations to prevent common pitfalls that hinder assistive technology users. By integrating these checks early in the development cycle, the skill reduces the cost of accessibility remediation and ensures high-quality, standards-compliant frontend code for all users.
主な機能
010 GitHub stars
02Automated color contrast ratio verification (4.5:1 for normal text)
03Keyboard operability and focus management validation
04Form label and accessibility relationship checking
05WCAG 2.1 AA compliance auditing and enforcement
06Semantic HTML prioritization to reduce redundant ARIA
ユースケース
01Reviewing frontend code for accessibility violations before merging PRs
02Refactoring legacy div-based layouts into semantic, accessible HTML
03Building accessible custom UI widgets like modals, menus, and tabs