# WCAG 2.2 AA readiness checklist

- Source: https://simeoncreatives.com/resources/wcag-2-2-aa-checklist
- Hub: Website Design & Development

A practical accessibility grid for shipping Level AA–oriented sites: contrast, keyboard, focus, target size, forms, and verification.

## Perceivable

- [ ] Normal text meets ~4.5:1 contrast; large text meets ~3:1
- [ ] UI controls and meaningful icons remain distinguishable from adjacent colors
- [ ] Informative images have accurate alt text; decorative images use empty alt
- [ ] Errors and status are not conveyed by color alone

## Operable

- [ ] All interactive controls work with keyboard (Tab / Enter / Space / Esc as needed)
- [ ] Focus indicators are visible; outline:none is not used without a replacement
- [ ] Sticky headers, cookies, and chat widgets do not fully hide the focused control
- [ ] Pointer targets meet 24×24 CSS pixels or a valid WCAG 2.5.8 exception
- [ ] Skip link reaches main content

## Understandable

- [ ] Form inputs have visible associated labels (not placeholder-only)
- [ ] Form errors are described in text near the field
- [ ] Primary navigation and help patterns stay consistent across templates
- [ ] Page language is set (html lang) and content reads at an appropriate level

## Robust & verification

- [ ] Landmarks and native controls used before ARIA role theater (button, nav, main, etc.)
- [ ] ARIA only where needed; expandable widgets expose expanded/collapsed state
- [ ] Automated scan (axe / Lighthouse) run; critical issues fixed in source
- [ ] Primary paths spot-checked with VoiceOver or NVDA

## Related guides

- [Web accessibility (WCAG 2.2) guide](https://simeoncreatives.com/blog/web-accessibility-wcag-2-2-ux-seo)
- [Website design vs website development](https://simeoncreatives.com/blog/website-design-vs-website-development)