Accessibility Patterns

Build accessible UIs that work for all users — keyboard, screen readers, and beyond.

When to Activate

• Building or reviewing interactive components (modals, forms, dropdowns, tabs)
• Running accessibility audits on existing code
• Adding automated a11y tests with axe-core or jest-axe
• Implementing keyboard navigation or focus management
• Checking WCAG 2.2 compliance
• Adding ARIA attributes to custom components

WCAG 2.2 — Key Success Criteria