What problem does it solve? Web applications often fail WCAG compliance, leaving users who rely on screen readers, keyboards, or high-contrast displays unable to navigate them. This Skill audits existing code for accessibility violations and provides concrete implementation patterns to fix them. ## Core Features & Use Cases - WCAG 2.1 Auditing: Check code against POUR principles, compliance levels (A/AA/AAA), heading hierarchy, and color contrast ratios (4.5:1 for AA). - ARIA Component Patterns: Implement accessible modals with focus traps, tabs with arrow-key navigation, dropdown menus, and form fields with error announcements in React/TypeScript. - Automated & Manual Testing: Set up jest-axe unit tests, Playwright scans with @axe-core/playwright, and follow manual checklists for keyboard and screen reader testing. - Use Case: A team receives a compliance complaint about their checkout flow. Use this Skill to audit the forms, add proper labels and aria-describedby error links, implement a focus trap in the payment modal, and verify fixes with axe-core. ## Quick Start Audit my React checkout page for WCAG 2.1 AA compliance and fix any keyboard navigation and screen reader issues you find.
