What problem does it solve? Accessibility regressions slip through unit tests, e2e suites, and self-review because they rarely cause functional failures. This Skill force-fires on every UI change to catch missing labels, broken focus management, keyboard-inaccessible controls, and contrast violations before they ship. ## Core Features & Use Cases - Semantic HTML and ARIA rules: Enforces native elements over ARIA-patched divs, correct roles, labels on every input, and accessible names on icon-only buttons. - Focus and keyboard management: Mandates focus handling on dialog open/close, route changes, and form errors, plus full keyboard reachability for menus, popovers, and shortcuts. - Tooling guidance: Covers axe-core, vitest-axe, Lighthouse audits, and manual keyboard testing for high-risk components like forms and dialogs. - Use Case: When adding a new dropdown menu or modal dialog in a React app, this Skill ensures you use Radix primitives, trap focus correctly, support Esc dismissal, and pass axe checks. ## Quick Start Review this React dialog component for accessibility issues including focus management, keyboard navigation, and ARIA usage.
