a11y teacher edition W3C WCAG 2.2 & WCAG 3.0 draft reference
Plain English Accessibility Hub

Translating W3C Standards for Designers, Developers, QA & Product teams

How to read this reference: three tiers

Conflating best practice with WCAG failures is one of the quickest ways an accessibility team loses credibility. When a ticket cites a WCAG failure the normative text doesn't support, an engineer who checks the spec will reasonably start doubting every other ticket too, including the real blockers. Every criterion here is split three ways.

  1. Baseline compliance

    The normative floor: what the criterion text and its glossary definitions require, and nothing else.

    "This passes WCAG." Only a failure here is a WCAG failure, so only cite a success criterion on a ticket when the normative text is violated.

  2. Usability & user impact

    The gap: where content can technically pass and still make things harder for people with disabilities.

    "This meets the criterion, but it causes friction becauseโ€ฆ" Raise it as a usability defect, with the user impact. If it also fails a related criterion, that's a WCAG failure, and Tier 1 lists the known ones.

  3. Recommended best practice

    The golden path: the pattern that meets the floor, closes the gap and avoids audit disputes.

    "Our standard pattern isโ€ฆ" A design-system recommendation, not a requirement.

What counts as normative: WCAG 2.2 says notes, examples and diagrams are informative, and that informative material "does not create requirements that impact a conformance claim". W3C's Understanding documents and techniques are informative too. Each criterion page quotes the normative text verbatim from WCAG 2.2, W3C Recommendation 12 December 2024 and labels anything informative.

Looking for how WCAG 2.2 maps to WCAG 3.0 draft provisions?

Explore the complete side-by-side evolution matrix comparing all 87 WCAG 2.2 criteria to their WCAG 3 equivalents, with detailed scope expansion and testing impact analysis.

View Old vs New Evolution Matrix
Filter Level:

Showing 87 Success Criteria

SC 1.1.1 Level A Perceivable

Non-text Content

Bare minimum:

Every piece of non-text content shown to users has a text alternative that serves the equivalent purpose. Controls and inputs need a name that describes their purpose. Time-based media, tests that would be invalid in text, and content meant to create a specific sensory experience only need a text alternative that identifies them. A CAPTCHA needs a text alternative describing its purpose and a version that uses a different sense. Content that is pure decoration, used only for visual formatting, or not presented to users must be implemented so assistive technology can ignore it.

Clears up 3 common misconceptions about what it requires

SC 1.2.1 Level A Perceivable

Audio-only and Video-only (Prerecorded)

Bare minimum:

Prerecorded audio-only content has a text alternative that presents equivalent information (an "alternative for time-based media"). Prerecorded video-only content has either that text alternative or an audio track with equivalent information. Media that is itself an alternative for text, and clearly labeled as such, is exempt.

Clears up 2 common misconceptions about what it requires

SC 1.2.2 Level A Perceivable

Captions (Prerecorded)

Bare minimum:

Prerecorded audio in synchronized media (video with sound) has captions. By definition, captions cover both speech and the non-speech audio needed to understand the content. Media that is a clearly labeled alternative for text is exempt.

Clears up 3 common misconceptions about what it requires

SC 1.2.5 Level AA Perceivable

Audio Description (Prerecorded)

Bare minimum:

Prerecorded video in synchronized media has audio description: narration added to describe important visual details that can't be understood from the main soundtrack alone.

Clears up 2 common misconceptions about what it requires

SC 1.3.1 Level A Perceivable

Info and Relationships

Bare minimum:

Information, structure and relationships conveyed through presentation can be programmatically determined, or are available in text. If something looks like a heading, list, table or group, that structure has to be available to software too.

Clears up 3 common misconceptions about what it requires

SC 1.3.2 Level A Perceivable

Meaningful Sequence

Bare minimum:

When the order of content affects its meaning, a correct reading order can be programmatically determined.

Clears up 1 common misconception about what it requires

SC 1.3.5 Level AA Perceivable

Identify Input Purpose

Bare minimum:

Input fields collecting information about the user have a programmatically determinable purpose, when the field's purpose is one listed in WCAG's Input Purposes section and the technology supports it. (In HTML, W3C's sufficient technique is the autocomplete attribute; techniques are informative.)

Clears up 2 common misconceptions about what it requires

SC 1.4.1 Level A Perceivable

Use of Color

Bare minimum:

Color is not the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.

Clears up 1 common misconception about what it requires

SC 1.4.2 Level A Perceivable

Audio Control

Bare minimum:

If audio plays automatically for more than 3 seconds, there is either a way to pause or stop it, or a way to control its volume separately from the system volume. Under WCAG's non-interference requirement this applies to everything on the page, even content not relied on to meet other criteria.

Clears up 2 common misconceptions about what it requires

SC 1.4.3 Level AA Perceivable

Contrast (Minimum)

Bare minimum:

Text and images of text have a contrast ratio of at least 4.5:1. Large-scale text (at least 18pt, or 14pt bold) needs 3:1. Text in inactive components, pure decoration, invisible text, text inside pictures with significant other visual content, and logos have no contrast requirement.

Clears up 3 common misconceptions about what it requires

SC 1.4.4 Level AA Perceivable

Resize Text

Bare minimum:

Apart from captions and images of text, text can be resized up to 200 percent without assistive technology and without loss of content or functionality.

Clears up 2 common misconceptions about what it requires

SC 1.4.5 Level AA Perceivable

Images of Text

Bare minimum:

If the technology can produce the visual presentation, real text is used instead of images of text. Exceptions: the image of text can be visually customized (font, size, color and background can be set), or a particular presentation is essential.

Clears up 1 common misconception about what it requires

SC 1.4.10 Level AA Perceivable

Reflow

Bare minimum:

Content can be presented without losing information or functionality, and without scrolling in two directions, at a width of 320 CSS pixels (for vertically scrolling content) or a height of 256 CSS pixels (for horizontally scrolling content). Parts of the content that need a two-dimensional layout for their use or meaning are exempt.

Clears up 2 common misconceptions about what it requires

SC 1.4.11 Level AA Perceivable

Non-text Contrast

Bare minimum:

These have a contrast ratio of at least 3:1 against adjacent colors: the visual information needed to identify user interface components and their states (except inactive components, and components whose appearance is set by the browser and not modified by the author), and the parts of graphics needed to understand the content (unless a particular presentation is essential).

Clears up 2 common misconceptions about what it requires

SC 1.4.12 Level AA Perceivable

Text Spacing

Bare minimum:

In content built with markup languages, nothing is lost and nothing stops working when a user sets line height to 1.5 times the font size, spacing after paragraphs to 2 times, letter spacing to 0.12 times and word spacing to 0.16 times, changing no other style. Languages and scripts that don't use one of these properties are exempt for that property.

Clears up 1 common misconception about what it requires

SC 1.4.13 Level AA Perceivable

Content on Hover or Focus

Bare minimum:

When hover or keyboard focus makes extra content appear (such as a custom tooltip or submenu): it can be dismissed without moving the pointer or focus, unless it shows an input error or doesn't cover other content; if triggered by hover, the pointer can move onto it without it disappearing; and it stays visible until the trigger is removed, the user dismisses it, or its information is no longer valid. Content whose presentation the browser controls, such as a title-attribute tooltip, is exempt.

Clears up 1 common misconception about what it requires

SC 2.1.1 Level A Operable

Keyboard

Bare minimum:

All functionality can be operated through a keyboard interface, without needing specific timing for individual keystrokes. The exception is functionality whose underlying function depends on the path of the user's movement, not just its endpoints (such as freehand drawing).

Clears up 3 common misconceptions about what it requires

SC 2.1.2 Level A Operable

No Keyboard Trap

Bare minimum:

If keyboard focus can move into a component, it can move out again using only the keyboard. If leaving needs more than unmodified arrow or Tab keys or another standard exit method, the user is told how. Under WCAG's non-interference requirement this applies to everything on the page.

Clears up 1 common misconception about what it requires

SC 2.1.4 Level A Operable

Character Key Shortcuts

Bare minimum:

If a keyboard shortcut uses only a letter, punctuation, number or symbol key, at least one of these is true: it can be turned off; it can be remapped to include a non-printable key such as Ctrl or Alt; or it only works while the relevant component has focus.

Clears up 1 common misconception about what it requires

SC 2.2.1 Level A Operable

Timing Adjustable

Bare minimum:

For each time limit the content sets, at least one is true: the user can turn it off before reaching it; adjust it to at least ten times the default; or is warned before it expires and given at least 20 seconds to extend it with a simple action, at least ten times. The limit is exempt if it's a required part of a real-time event with no possible alternative, if it's essential and extending it would invalidate the activity, or if it's longer than 20 hours.

Clears up 2 common misconceptions about what it requires

SC 2.2.2 Level A Operable

Pause, Stop, Hide

Bare minimum:

Moving, blinking or scrolling information that starts automatically, lasts more than five seconds and is shown alongside other content can be paused, stopped or hidden, unless the movement is essential. Auto-updating information that starts automatically and is shown alongside other content can be paused, stopped or hidden, or its update frequency controlled, unless essential. Under WCAG's non-interference requirement this applies to everything on the page.

Clears up 2 common misconceptions about what it requires

SC 2.3.1 Level A Operable

Three Flashes or Below Threshold

Bare minimum:

Nothing on the page flashes more than three times in any one second, or the flashing is below the general flash and red flash thresholds defined in WCAG. Under WCAG's non-interference requirement this applies to everything on the page.

Clears up 1 common misconception about what it requires

SC 2.4.3 Level A Operable

Focus Order

Bare minimum:

If a page can be navigated sequentially and the order affects meaning or operation, focusable components receive focus in an order that preserves meaning and operability.

Clears up 2 common misconceptions about what it requires

SC 2.4.4 Level A Operable

Link Purpose (In Context)

Bare minimum:

The purpose of each link can be determined from its text alone, or from its text together with its programmatically determined context, except where the purpose would be ambiguous to everyone.

Clears up 2 common misconceptions about what it requires

SC 2.4.7 Level AA Operable

Focus Visible

Bare minimum:

Any keyboard-operable interface has a mode of operation in which the keyboard focus indicator is visible.

Clears up 2 common misconceptions about what it requires

SC 2.4.11 Level AA Operable

Focus Not Obscured (Minimum)

Bare minimum:

When a component receives keyboard focus, it is not entirely hidden by content the author created.

Clears up 1 common misconception about what it requires

SC 2.5.7 Level AA Operable

Dragging Movements

Bare minimum:

Functionality that uses dragging can also be done with a single pointer without dragging, unless dragging is essential or the browser provides the functionality and the author hasn't modified it.

Clears up 2 common misconceptions about what it requires

SC 2.5.8 Level AA Operable

Target Size (Minimum)

Bare minimum:

Pointer targets are at least 24 by 24 CSS pixels, except when: a 24 CSS pixel circle centered on each smaller target doesn't overlap another target or another such circle; the same function is available through another control on the page that meets this criterion; the target is in a sentence or limited by the line height of surrounding text; the browser sets the size and the author hasn't changed it; or the presentation is essential or legally required.

Clears up 2 common misconceptions about what it requires

SC 3.1.1 Level A Understandable

Language of Page

Bare minimum:

The default human language of each page can be programmatically determined. (In HTML, W3C's sufficient technique is the lang attribute on the html element; techniques are informative.)

Clears up 1 common misconception about what it requires

SC 3.1.2 Level AA Understandable

Language of Parts

Bare minimum:

The human language of each passage or phrase can be programmatically determined. Exempt: proper names, technical terms, words of indeterminate language, and words or phrases that have become part of the surrounding language.

Clears up 2 common misconceptions about what it requires

SC 3.2.1 Level A Operable

On Focus

Bare minimum:

When any component receives focus, that doesn't start a change of context. WCAG defines a change of context as a change of user agent, viewport, focus, or content that changes the meaning of the page.

Clears up 1 common misconception about what it requires

SC 3.2.2 Level A Operable

On Input

Bare minimum:

Changing the setting of a component doesn't automatically cause a change of context, unless the user was told about this behavior before using the component.

Clears up 1 common misconception about what it requires

SC 3.2.6 Level A Understandable

Consistent Help

Bare minimum:

If pages in a set repeat any of these help mechanisms, they appear in the same order relative to other page content, unless the user changes it: human contact details, a human contact mechanism, a self-help option, or a fully automated contact mechanism.

Clears up 2 common misconceptions about what it requires

SC 3.3.7 Level A Understandable

Redundant Entry

Bare minimum:

Information the user has already entered, or that was provided to them, and that must be entered again in the same process, is either auto-populated or available to select. Exceptions: re-entry is essential, is needed for security, or the earlier information is no longer valid.

Clears up 2 common misconceptions about what it requires

SC 3.3.8 Level AA Understandable

Accessible Authentication (Minimum)

Bare minimum:

No step of an authentication process requires a cognitive function test, unless that step offers one of: another method that doesn't rely on one; a mechanism to help complete it; a test that is recognizing objects; or a test that is identifying non-text content the user provided. WCAG defines a cognitive function test as remembering, manipulating or transcribing information, such as remembering a password, transcribing characters, correct spelling, calculations or puzzles. Name, email and phone number don't count.

Clears up 2 common misconceptions about what it requires

SC 4.1.2 Level A Robust

Name, Role, Value

Bare minimum:

For all interface components (including form elements, links and scripted components), the name and role can be programmatically determined; states, properties and values the user can set can be programmatically set; and changes to them are notified to user agents, including assistive technologies.

Clears up 2 common misconceptions about what it requires

SC 4.1.3 Level AA Robust

Status Messages

Bare minimum:

In content built with markup languages, status messages can be programmatically determined through role or properties, so assistive technologies can present them without them receiving focus. WCAG defines a status message as a change in content that isn't a change of context and that tells the user about success or results, waiting, progress, or errors.

Clears up 2 common misconceptions about what it requires

SC 1.2.7 Level AAA Perceivable

Extended Audio Description (Prerecorded)

Bare minimum:

Where pauses in the foreground audio are too short for audio description to convey the sense of the video, extended audio description is provided: the video pauses so there is time for more description. Applies to prerecorded video in synchronized media.

Clears up 1 common misconception about what it requires

SC 1.2.8 Level AAA Perceivable

Media Alternative (Prerecorded)

Bare minimum:

All prerecorded synchronized media and all prerecorded video-only media have an alternative for time-based media: a document with correctly sequenced text descriptions of the visual and auditory information, and a way to achieve the outcome of any interaction.

Clears up 1 common misconception about what it requires

SC 1.4.7 Level AAA Perceivable

Low or No Background Audio

Bare minimum:

For prerecorded audio-only content that is mainly foreground speech (not an audio CAPTCHA, audio logo, or singing or rapping), one of these is true: there are no background sounds, they can be turned off, or they are at least 20 decibels quieter than the speech, apart from occasional sounds of one or two seconds.

SC 1.4.8 Level AAA Perceivable

Visual Presentation

Bare minimum:

For blocks of text, a mechanism is available to: choose foreground and background colors; limit width to 80 characters (40 for CJK); avoid justified text; get line spacing of at least 1.5 and paragraph spacing at least 1.5 times the line spacing; and resize text to 200 percent without horizontal scrolling in a full-screen window.

Clears up 1 common misconception about what it requires

SC 1.4.9 Level AAA Perceivable

Images of Text (No Exception)

Bare minimum:

Images of text are used only for pure decoration, or where a particular presentation of text is essential.

Clears up 1 common misconception about what it requires

SC 2.4.8 Level AAA Operable

Location

Bare minimum:

Information about the user's location within a set of pages is available.

SC 2.4.9 Level AAA Operable

Link Purpose (Link Only)

Bare minimum:

A mechanism is available so that the purpose of each link can be identified from the link text alone, except where the purpose would be ambiguous to everyone.

SC 2.5.5 Level AAA Operable

Target Size (Enhanced)

Bare minimum:

Pointer targets are at least 44 by 44 CSS pixels. Exceptions: an equivalent target of that size is on the same page; the target is in a sentence or block of text; the browser sets the size and the author hasn't changed it; or the presentation is essential.

SC 3.1.5 Level AAA Understandable

Reading Level

Bare minimum:

When text needs reading ability above lower secondary education level (after removing proper names and titles), supplemental content or a simpler version is available.

SC 3.2.5 Level AAA Understandable

Change on Request

Bare minimum:

Changes of context happen only at the user's request, or there's a mechanism to turn such changes off.

SC 3.3.6 Level AAA Understandable

Error Prevention (All)

Bare minimum:

For pages that require the user to submit information, at least one is true: submissions are reversible; input is checked and the user can correct it; or the user can review, confirm and correct before final submission.

SC 1.3.6 Level AAA Perceivable

Identify Purpose

Bare minimum:

In content built with markup languages, the purpose of user interface components, icons and regions can be programmatically determined.

SC 2.2.5 Level AAA Operable

Re-authenticating

Bare minimum:

When an authenticated session expires, the user can continue the activity without losing data after signing in again.

SC 2.2.6 Level AAA Operable

Timeouts

Bare minimum:

Users are warned how long they can be inactive before data is lost, unless the data is kept for more than 20 hours of inactivity.

SC 2.3.3 Level AAA Operable

Animation from Interactions

Bare minimum:

Motion animation triggered by interaction can be disabled, unless the animation is essential to the functionality or the information conveyed.

Clears up 2 common misconceptions about what it requires

SC 2.4.5 Level AA Operable

Multiple Ways

Bare minimum:

There is more than one way to find a page within a set of pages, except pages that are the result of, or a step in, a process.

Clears up 1 common misconception about what it requires

SC 2.4.13 Level AAA Operable

Focus Appearance

Bare minimum:

When the focus indicator is visible, an area of it is at least as large as a 2 CSS pixel thick perimeter of the unfocused component, and has a contrast ratio of at least 3:1 between the same pixels in the focused and unfocused states. It doesn't apply if the browser sets the indicator and the author can't adjust it, or if the author hasn't modified the indicator or its background.

SC 2.5.2 Level A Operable

Pointer Cancellation

Bare minimum:

For single-pointer functionality, at least one is true: nothing happens on the down-event; the function completes on the up-event and can be aborted before or undone after; the up-event reverses whatever the down-event did; or completing on the down-event is essential.

Clears up 1 common misconception about what it requires

SC 2.5.4 Level A Operable

Motion Actuation

Bare minimum:

Functionality operated by device motion (such as shaking or tilting) or user motion can also be operated through interface components, and responding to motion can be turned off. Exceptions: the motion works through an accessibility-supported interface, or it's essential and doing it another way would invalidate the activity.

Clears up 1 common misconception about what it requires

SC 3.1.6 Level AAA Understandable

Pronunciation

Bare minimum:

A mechanism is available for identifying the pronunciation of words whose meaning, in context, is ambiguous without knowing how they're pronounced.

SC 3.3.3 Level AA Understandable

Error Suggestion

Bare minimum:

If an input error is automatically detected and suggestions for correcting it are known, the suggestions are provided, unless that would compromise the security or purpose of the content.

Clears up 1 common misconception about what it requires

SC 3.3.4 Level AA Understandable

Error Prevention (Legal, Financial, Data)

Bare minimum:

For pages that create legal commitments or financial transactions, modify or delete user-controllable data, or submit test responses, at least one is true: submissions are reversible; input is checked for errors and the user can correct them; or the user can review, confirm and correct before final submission.

Clears up 2 common misconceptions about what it requires

SC 4.1.1 Obsolete Robust

Parsing

Bare minimum:

Nothing. WCAG 2.2 marks this criterion obsolete and removed, so it can't be failed under 2.2. WCAG 2.2's introduction notes that organizations required by policy to conform to WCAG 2.0 or 2.1 may still need to test and report it.

Clears up 1 common misconception about what it requires