WCAG 2.2 Quick Reference
Every Level A and AA success criterion in WCAG 2.0, 2.1 and 2.2, in plain words. Level AA is what most laws ask for.
Non-text Content
All non-text content has a text alternative that serves the equivalent purpose.
Learn more about 1.1.1 Non-text Content (opens in a new tab) →Audio-only and Video-only (Prerecorded)
Alternatives are provided for prerecorded audio-only and video-only content.
Learn more about 1.2.1 Audio-only and Video-only (Prerecorded) (opens in a new tab) →Captions (Prerecorded)
Captions are provided for all prerecorded audio content in synchronized media.
Learn more about 1.2.2 Captions (Prerecorded) (opens in a new tab) →Audio Description or Media Alternative (Prerecorded)
An alternative for time-based media or audio description is provided.
Learn more about 1.2.3 Audio Description or Media Alternative (Prerecorded) (opens in a new tab) →Captions (Live)
Captions are provided for all live audio content in synchronized media.
Learn more about 1.2.4 Captions (Live) (opens in a new tab) →Audio Description (Prerecorded)
Audio description is provided for all prerecorded video content.
Learn more about 1.2.5 Audio Description (Prerecorded) (opens in a new tab) →Info and Relationships
Information, structure, and relationships conveyed through presentation can be programmatically determined.
Learn more about 1.3.1 Info and Relationships (opens in a new tab) →Meaningful Sequence
When the sequence affects meaning, a correct reading sequence can be programmatically determined.
Learn more about 1.3.2 Meaningful Sequence (opens in a new tab) →Sensory Characteristics
Instructions do not rely solely on sensory characteristics like shape, color, size, or sound.
Learn more about 1.3.3 Sensory Characteristics (opens in a new tab) →Orientation
Content does not restrict its view and operation to a single display orientation.
Learn more about 1.3.4 Orientation (opens in a new tab) →Identify Input Purpose
The purpose of each input field can be programmatically determined.
Learn more about 1.3.5 Identify Input Purpose (opens in a new tab) →Use of Color
Color is not used as the only visual means of conveying information.
Learn more about 1.4.1 Use of Color (opens in a new tab) →Audio Control
If audio plays automatically, there is a mechanism to pause, stop, or control volume.
Learn more about 1.4.2 Audio Control (opens in a new tab) →Contrast (Minimum)
Text has a contrast ratio of at least 4.5:1 (3:1 for large text).
Learn more about 1.4.3 Contrast (Minimum) (opens in a new tab) →Resize Text
Text can be resized up to 200% without loss of content or functionality.
Learn more about 1.4.4 Resize Text (opens in a new tab) →Images of Text
If the technologies can achieve the visual presentation, text is used instead of images of text.
Learn more about 1.4.5 Images of Text (opens in a new tab) →Reflow
Content can be presented without loss of information or functionality at 320px wide.
Learn more about 1.4.10 Reflow (opens in a new tab) →Non-text Contrast
UI components and graphical objects have a contrast ratio of at least 3:1.
Learn more about 1.4.11 Non-text Contrast (opens in a new tab) →Text Spacing
No loss of content or functionality occurs when adjusting text spacing properties.
Learn more about 1.4.12 Text Spacing (opens in a new tab) →Content on Hover or Focus
Additional content triggered by hover or focus is dismissible, hoverable, and persistent.
Learn more about 1.4.13 Content on Hover or Focus (opens in a new tab) →Keyboard
All functionality is available from a keyboard.
Learn more about 2.1.1 Keyboard (opens in a new tab) →No Keyboard Trap
Keyboard focus can be moved away from any component using only a keyboard.
Learn more about 2.1.2 No Keyboard Trap (opens in a new tab) →Character Key Shortcuts
If a keyboard shortcut uses only letters, it can be turned off or remapped.
Learn more about 2.1.4 Character Key Shortcuts (opens in a new tab) →Timing Adjustable
Time limits can be turned off, adjusted, or extended.
Learn more about 2.2.1 Timing Adjustable (opens in a new tab) →Pause, Stop, Hide
Moving, blinking, or auto-updating content can be paused, stopped, or hidden.
Learn more about 2.2.2 Pause, Stop, Hide (opens in a new tab) →Three Flashes or Below Threshold
Web pages do not contain anything that flashes more than three times per second.
Learn more about 2.3.1 Three Flashes or Below Threshold (opens in a new tab) →Bypass Blocks
A mechanism is available to bypass blocks of content that are repeated.
Learn more about 2.4.1 Bypass Blocks (opens in a new tab) →Page Titled
Web pages have titles that describe topic or purpose.
Learn more about 2.4.2 Page Titled (opens in a new tab) →Focus Order
If a page can be navigated sequentially, focusable components receive focus in an order that preserves meaning.
Learn more about 2.4.3 Focus Order (opens in a new tab) →Link Purpose (In Context)
The purpose of each link can be determined from the link text alone or from the link text together with its context.
Learn more about 2.4.4 Link Purpose (In Context) (opens in a new tab) →Multiple Ways
More than one way is available to locate a web page within a set of web pages.
Learn more about 2.4.5 Multiple Ways (opens in a new tab) →Headings and Labels
Headings and labels describe topic or purpose.
Learn more about 2.4.6 Headings and Labels (opens in a new tab) →Focus Visible
Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible.
Learn more about 2.4.7 Focus Visible (opens in a new tab) →Focus Not Obscured (Minimum)
When an item gets keyboard focus, it is not completely hidden by other content such as sticky headers or cookie banners.
Learn more about 2.4.11 Focus Not Obscured (Minimum) (opens in a new tab) →Pointer Gestures
All functionality that uses multipoint or path-based gestures can be operated with a single pointer.
Learn more about 2.5.1 Pointer Gestures (opens in a new tab) →Pointer Cancellation
For functionality that can be operated using a single pointer, completion is on the up-event.
Learn more about 2.5.2 Pointer Cancellation (opens in a new tab) →Label in Name
For UI components with labels that include text or images of text, the name contains the text that is presented visually.
Learn more about 2.5.3 Label in Name (opens in a new tab) →Motion Actuation
Functionality that can be operated by device motion can also be operated by user interface components.
Learn more about 2.5.4 Motion Actuation (opens in a new tab) →Dragging Movements
Anything done by dragging can also be done with a single click or tap, unless dragging is essential.
Learn more about 2.5.7 Dragging Movements (opens in a new tab) →Target Size (Minimum)
Click and tap targets are at least 24 by 24 CSS pixels, or have enough space around them, with a few exceptions.
Learn more about 2.5.8 Target Size (Minimum) (opens in a new tab) →Language of Page
The default human language of each web page can be programmatically determined.
Learn more about 3.1.1 Language of Page (opens in a new tab) →Language of Parts
The human language of each passage or phrase in the content can be programmatically determined.
Learn more about 3.1.2 Language of Parts (opens in a new tab) →On Focus
When any component receives focus, it does not initiate a change of context.
Learn more about 3.2.1 On Focus (opens in a new tab) →On Input
Changing the setting of any user interface component does not automatically cause a change of context unless the user has been advised.
Learn more about 3.2.2 On Input (opens in a new tab) →Consistent Navigation
Navigational mechanisms that are repeated on multiple web pages occur in the same relative order.
Learn more about 3.2.3 Consistent Navigation (opens in a new tab) →Consistent Identification
Components that have the same functionality within a set of web pages are identified consistently.
Learn more about 3.2.4 Consistent Identification (opens in a new tab) →Consistent Help
Help options such as contact details or a chat link appear in the same place on every page that has them.
Learn more about 3.2.6 Consistent Help (opens in a new tab) →Error Identification
If an input error is automatically detected, the item in error is identified and the error is described to the user in text.
Learn more about 3.3.1 Error Identification (opens in a new tab) →Labels or Instructions
Labels or instructions are provided when content requires user input.
Learn more about 3.3.2 Labels or Instructions (opens in a new tab) →Error Suggestion
If an input error is detected and suggestions for correction are known, then the suggestions are provided to the user.
Learn more about 3.3.3 Error Suggestion (opens in a new tab) →Error Prevention (Legal, Financial, Data)
For web pages that cause legal commitments or financial transactions, submissions are reversible, checked, or confirmed.
Learn more about 3.3.4 Error Prevention (Legal, Financial, Data) (opens in a new tab) →Redundant Entry
Information a user already entered in the same process is filled in for them or available to select, instead of asked for again.
Learn more about 3.3.7 Redundant Entry (opens in a new tab) →Accessible Authentication (Minimum)
Logging in does not require a memory or puzzle test, such as remembering a password, unless an alternative or help like copy and paste is allowed.
Learn more about 3.3.8 Accessible Authentication (Minimum) (opens in a new tab) →Parsing
In content implemented using markup languages, elements have complete start and end tags, are nested according to their specifications, and do not contain duplicate attributes.
Learn more about 4.1.1 Parsing (opens in a new tab) →Name, Role, Value
For all user interface components, the name and role can be programmatically determined.
Learn more about 4.1.2 Name, Role, Value (opens in a new tab) →Status Messages
Status messages can be programmatically determined through role or properties without receiving focus.
Learn more about 4.1.3 Status Messages (opens in a new tab) →Test your site against these criteria
WCAG Pulse checks your pages against the WCAG 2.1 and 2.2 rules that can be tested automatically.
Check a page free