Complete Course

WCAG 2.2 Level AA

Learn every WCAG 2.2 Level AA success criterion, the level most laws and contracts ask for: contrast, zoom and reflow, visible focus, target size, accessible authentication, and status messages, with the tools and manual checks to test each one.

~3 hours of content

View Lessons

Course Content

13 comprehensive lessons covering everything you need to know

Introduction

Introduction
Course Overview
Meet your instructor, see how every lesson is built, and learn why Level AA is the level most laws and contracts ask for.
Introduction
From Level A to Level AA
The essentials of WCAG, what Level AA conformance means, the 24 criteria it adds, what is new in 2.2, and which laws point at it.
Introduction
Your Level AA testing toolkit
A contrast checker, zoom and a 320-pixel viewport, a text-spacing override, DevTools as a ruler, orientation emulation, and your screen reader.

Perceivable

Lesson
Lesson 1
Time-based media
1.2.4 and 1.2.5: live captions, and audio description for prerecorded video, where a transcript alone no longer suffices.
Lesson
Lesson 2
Adaptable
1.3.4 and 1.3.5: content that works in any orientation, and fields about the user that declare their purpose.
Lesson
Lesson 3
Contrast
1.4.3 and 1.4.11: 4.5:1 for text, 3:1 for large text, and 3:1 for field borders, states, focus indicators, icons, and charts.
Lesson
Lesson 4
Resize, reflow, and text spacing
1.4.4, 1.4.10, and 1.4.12: text at 200%, content at 320 CSS pixels wide, and extra text spacing, without losing anything.
Lesson
Lesson 5
Images of text, and content on hover or focus
1.4.5 and 1.4.13: real text instead of pictures of words, and tooltips that are dismissible, hoverable, and persistent.

Operable

Lesson
Lesson 6
Navigable
2.4.5 and 2.4.6: more than one way to reach a page, and headings and labels that describe their topic or purpose.
Lesson
Lesson 7
Focus you can see
2.4.7 and the new 2.4.11: a visible focus indicator, never entirely hidden by sticky headers, banners, or widgets.
Lesson
Lesson 8
Dragging and target size
The new 2.5.7 and 2.5.8: a single-pointer alternative to every drag, and targets of at least 24 by 24 CSS pixels.

Understandable

Lesson
Lesson 9
Readable and predictable
3.1.2, 3.2.3, and 3.2.4: the language of each passage, navigation in the same order, and one name for one function.
Lesson
Lesson 10
Error suggestion and prevention
3.3.3 and 3.3.4: error messages that suggest the fix, and safeguards before legal, financial, and data-changing submissions.
Lesson
Lesson 11
Accessible authentication
The new 3.3.8: logins that do not depend on memory, transcription, or puzzles, password managers, paste, and one-time codes.

Status messages, and auditing a page

Lesson
Lesson 12
Status messages
4.1.3: live regions, the status and alert roles, regions that exist before their message, and when to move the focus instead.
Lesson
Lesson 13
Auditing a page for Level AA
A 24-row checklist, the order to test in, findings with their measurements, and conformance reports.

Bonus & Conclusion

Bonus
Bonus: beyond Level AA
Level AAA and why nobody requires all of it, accessibility statements, apps and documents, and what WCAG 3 is.
Bonus
Bonus: auditing with an AI assistant
What an AI assistant does well in a Level AA audit, where it goes wrong, especially with numbers, and how to verify every claim.
Conclusion
Congratulations!
You have completed the WCAG 2.2 Level AA course!