| name | accessibility-wcag22-aa |
| description | Use when: designing, building, or reviewing UI to meet WCAG 2.2 Level AA accessibility requirements across forms, navigation, content, and interactions. |
Accessibility: WCAG 2.2 Level AA
Goal
Ensure the application is accessible and conforms to WCAG 2.2 Level AA.
Do
- Use semantic HTML landmarks, headings, lists, and form structures.
- Ensure keyboard accessibility for all interactive controls and flows.
- Provide visible focus indicators and logical tab order.
- Ensure accessible names for controls, icons, and actionable elements.
- Use sufficient color contrast and avoid color-only status communication.
- Provide clear validation messages and error associations for form fields.
- Support responsive zoom and reflow without content loss.
- Respect reduced-motion user preference where animations exist.
Checks
- All critical journeys are fully operable with keyboard only.
- Contrast targets meet AA ratios for normal and large text.
- Screen reader labels and announcements are accurate for dynamic updates.
- New UI changes include accessibility test coverage where practical.
