What problem does it solve? Web interfaces frequently ship with accessibility defects: missing focus indicators, unlabeled form controls, broken keyboard navigation, and ARIA misuse that breaks screen readers. This Skill audits frontend code against WCAG standards and produces concrete, project-consistent fixes. ## Core Features & Use Cases - Keyboard and focus auditing: Verifies focus-visible rings, focus trapping in modals, roving tabindex, skip links, and full ARIA APG keyboard patterns for composite widgets. - Forms and screen reader support: Checks label associations, autocomplete tokens, error announcement via aria-describedby and live regions, accessible names, and alt text by image purpose. - Structured severity reporting: Groups findings by violated principle with HIGH/MEDIUM/LOW severity, file:line locations, before/after fixes, and a Block/Approve verdict. - Use Case: Before shipping a new React dashboard, run a review to catch a <div onClick> navigation element, a modal that leaks focus to the background, and a submit button disabled until valid, then receive exact fixes using the project's styling system. ## Quick Start Review the accessibility of the checkout form component and report any WCAG violations with fixes.
