WCAG 2.2 AA Quick Reference Checklist
A practical, plain-English checklist of all WCAG 2.2 AA success criteria — mapped to roles (designer, developer, content, QA). Print-friendly PDF format.
Free resources
Checklists, guides, and reference materials — all free, all practical, all from people who actually do this work.
A practical, plain-English checklist of all WCAG 2.2 AA success criteria — mapped to roles (designer, developer, content, QA). Print-friendly PDF format.
A step-by-step guide covering manual testing, automated tools, screen reader setup, and how to prioritise and report findings. Suitable for beginners.
A plain-language briefing on the EAA: who it applies to, what it requires, key deadlines, and how to start preparing. Ideal for compliance and leadership teams.
Common UI components — modals, accordions, forms, navigation — with WCAG-compliant markup examples, keyboard behaviour notes, and ARIA usage guidance.
A quick-reference card with contrast ratios for common colour pairings, plus guidance on tools (Colour Contrast Analyser, WebAIM) and how to apply the WCAG ratios correctly.
A UK-compliant accessibility statement template you can adapt for your own site — including the required sections on compliance status, known issues, and enforcement route.
These are the tools we use ourselves. All are free or have free tiers, and all are legitimately useful — not just popular.
Deque Systems — free extension
The industry-standard automated accessibility checker. Run it on any page to catch common WCAG violations. Available for Chrome and Firefox.
NV Access — free, Windows
The most widely-used free screen reader. Essential for testing real-world screen reader behaviour. Use it with Firefox for best results.
TPGi — free, Windows & Mac
Check contrast ratios between foreground and background colours. Works on images and any on-screen element, not just web colours.
WebAIM — free, browser extension
Visual accessibility checker that overlays errors and warnings directly on your page. Great for getting a quick visual overview of issues.
Gaël Poupard — free
A CSS bookmarklet that highlights accessibility issues directly on-page — missing alt text, empty links, incorrect ARIA, and more. Zero setup required.
Apple — built-in, free
Apple's built-in screen reader — crucial for iOS testing. Use with Safari on Mac and mobile. ⌘F5 on Mac or triple-tap the home button on iPhone to activate.
The full Web Content Accessibility Guidelines 2.2 specification. Dense, but authoritative.
Filterable, searchable version of WCAG. Filter by level (A/AA/AAA) and technology type.
Patterns, examples, and guidance for implementing ARIA correctly. Essential for developers.
GOV.UK guidance on accessibility requirements for public sector websites and apps.
Excellent articles, tutorials, and tools from the Centre for Persons with Disabilities at Utah State University.
Practical accessibility articles from the team behind axe. Good mix of technical and strategic content.
We publish new guides, checklists, and tools regularly. Drop your email below and we'll send them straight to you — no spam, unsubscribe any time.
Get in touch to subscribeResources are a start. If you need real expertise, we're here.
Talk to us Our servicesThis website is built to WCAG 2.2 Level AA. Here is a full inventory of the accessibility features implemented across every page.
| Feature | Detail | WCAG |
|---|---|---|
| Skip link | First focusable element; visible on focus; jumps to main content | 2.4.1 |
| Logical tab order | Focus follows DOM order throughout all pages | 1.3.2, 2.4.3 |
| Focus indicators | 3 px amber outline on all interactive elements | 2.4.11 |
| Keyboard-only navigation | All interactive components operable without a mouse | 2.1.1 |
| No keyboard traps | Focus managed in modals and mobile nav | 2.1.2 |
| Feature | Detail | WCAG |
|---|---|---|
| Semantic HTML5 | header, nav, main, section, article, footer landmarks | 1.3.1 |
| ARIA labels | All icons, buttons, links carry aria-label | 4.1.2 |
| Live regions | Form feedback via aria-live="polite" | 4.1.3 |
| Dialog roles | Modals use role="dialog" aria-modal="true" | 4.1.2 |
| Feature | Detail | WCAG |
|---|---|---|
| Colour contrast | All text meets 4.5:1 minimum | 1.4.3 |
| High contrast modes | B/W and Yellow/Black available | — |
| Dark mode | Deep navy background, reduced eye strain | — |
| Text resize (A+ / A++) | Increases body text to 120% / 140% | 1.4.4 |
| Readable font | Atkinson Hyperlegible available | — |
| Reduce motion | Disables all CSS animations | 2.3.3 |