WCAG 2.2
Complete Guide
Web Content Accessibility Guidelines 2.2: all 86 success criteria across 4 principles and 13 guidelines.55 criteria apply to Level AA conformance. 9 new criteria were added in WCAG 2.2.
मैनुअल रिव्यू के बजाय ऑटोमैटिक डिटेक्शन पसंद करते हैं?
मुफ़्त में आज़माएं1.1 Text Alternatives
Non-text Content
Level AAll non-text content presented to the user has a text alternative that serves the equivalent purpose.
1.2 Time-based Media
Audio-only and Video-only (Prerecorded)
Level AAn alternative is provided for prerecorded audio-only and video-only content.
Captions (Prerecorded)
Level ACaptions are provided for all prerecorded audio content in synchronized media.
Audio Description or Media Alternative (Prerecorded)
Level AAn alternative for time-based media or audio description of the prerecorded video is provided.
Captions (Live)
Level AACaptions are provided for all live audio content in synchronized media.
Audio Description (Prerecorded)
Level AAAudio description is provided for all prerecorded video content in synchronized media.
Sign Language (Prerecorded)
Level AAASign language interpretation is provided for all prerecorded audio content in synchronized media.
Extended Audio Description (Prerecorded)
Level AAAExtended audio description is provided for all prerecorded video content in synchronized media.
Media Alternative (Prerecorded)
Level AAAAn alternative for time-based media is provided for all prerecorded synchronized media and prerecorded video-only media.
Audio-only (Live)
Level AAAAn alternative for time-based media that presents equivalent information is provided for live audio-only content.
1.3 Adaptable
Info and Relationships
Level AInformation, structure, and relationships conveyed through presentation can be programmatically determined or are available in text.
Meaningful Sequence
Level AIf the sequence in which content is presented affects its meaning, a correct reading sequence can be programmatically determined.
Sensory Characteristics
Level AInstructions for understanding and operating content do not rely solely on sensory characteristics such as shape, color, size, visual location, orientation, or sound.
Orientation
Level AAContent does not restrict its view and operation to a single display orientation, such as portrait or landscape.
Identify Input Purpose
Level AAThe purpose of each input field that collects information about the user can be programmatically determined.
Identify Purpose
Level AAAThe purpose of UI components, icons, and regions can be programmatically determined.
1.4 Distinguishable
Use of Color
Level AColor is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.
Audio Control
Level AA mechanism is available to pause, stop, or control the volume of audio that plays automatically for more than 3 seconds.
Contrast (Minimum)
Level AAText and images of text have a contrast ratio of at least 4.5:1 (3:1 for large text at 18pt/14pt bold).
Resize Text
Level AAText can be resized without assistive technology up to 200 percent without loss of content or functionality.
Images of Text
Level AAImages of text are only used for pure decoration or where a particular presentation is essential.
Contrast (Enhanced)
Level AAAText and images of text have a contrast ratio of at least 7:1 (4.5:1 for large text).
Low or No Background Audio
Level AAAAudio that is primarily speech has no or low background noise.
Visual Presentation
Level AAAForeground and background colors can be selected, width is no more than 80 characters, text is not justified, line spacing is at least 1.5x.
Images of Text (No Exception)
Level AAAImages of text are only used for pure decoration.
Reflow
Level AAContent can be presented without loss of information or functionality, and without requiring scrolling in two dimensions at 400% zoom.
Non-text Contrast
Level AAThe visual presentation of UI components and graphical objects has a contrast ratio of at least 3:1 against adjacent color(s).
Text Spacing
Level AANo loss of content or functionality when letter spacing, word spacing, line height, and spacing after paragraphs are adjusted.
Content on Hover or Focus
Level AAContent that appears on hover or focus is dismissable, hoverable, and persistent.
2.1 Keyboard Accessible
Keyboard
Level AAll functionality is operable through a keyboard interface without requiring specific timings for individual keystrokes.
No Keyboard Trap
Level AIf focus can be moved to a component using the keyboard, focus can be moved away without requiring more than unmodified arrow or Tab keys.
Keyboard (No Exception)
Level AAAAll functionality is operable through a keyboard interface.
Character Key Shortcuts
Level ASingle character key shortcuts can be turned off, remapped, or deactivated when a component is focused.
2.2 Enough Time
Timing Adjustable
Level AFor each time limit set by the content, the user can turn off, adjust, or extend the time limit.
Pause, Stop, Hide
Level AMoving, blinking, scrolling, or auto-updating information can be paused, stopped, or hidden.
No Timing
Level AAATiming is not an essential part of the event or activity.
Interruptions
Level AAAInterruptions can be postponed or suppressed by the user.
Re-authenticating
Level AAAWhen an authenticated session expires, the user can continue the activity without loss of data after re-authenticating.
Timeouts
Level AAAUsers are warned of the duration of any user inactivity that could cause data loss.
2.3 Seizures and Physical Reactions
Three Flashes or Below Threshold
Level AContent does not contain anything that flashes more than three times in any one second period.
Three Flashes
Level AAAContent does not contain anything that flashes more than three times in any one second period.
Animation from Interactions
Level AAAMotion animation triggered by interaction can be disabled.
2.4 Navigable
Bypass Blocks
Level AA mechanism is available to bypass blocks of content repeated on multiple Web pages (e.g., skip links).
Page Titled
Level AWeb pages have titles that describe topic or purpose.
Focus Order
Level AFocus traversal sequence preserves meaning and operability.
Link Purpose (In Context)
Level AThe purpose of each link can be determined from the link text alone or from the link text together with programmatically determined link context.
Multiple Ways
Level AAMore than one way is available to locate a Web page within a set of Web pages.
Headings and Labels
Level AAHeadings and labels describe topic or purpose.
Focus Visible
Level AAAny keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible.
Location
Level AAAInformation about the user's location within a set of Web pages is available.
Link Purpose (Link Only)
Level AAAA mechanism is available to allow the purpose of each link to be identified from link text alone.
Section Headings
Level AAASection headings are used to organize the content.
Focus Not Obscured (Minimum)
Level AANew in 2.2When a user interface component receives keyboard focus, the component is not entirely hidden due to author-created content. (New in WCAG 2.2)
Focus Not Obscured (Enhanced)
Level AAANew in 2.2When a user interface component receives keyboard focus, no part of the component is hidden due to author-created content. (New in WCAG 2.2)
Focus Appearance
Level AAANew in 2.2The keyboard focus indicator has sufficient size and contrast. Minimum: 2 CSS pixel perimeter with 3:1 contrast ratio. (New in WCAG 2.2)
2.5 Input Modalities
Pointer Gestures
Level AAll functionality that uses multipoint or path-based gestures can be operated with a single pointer.
Pointer Cancellation
Level AFor functionality that can be operated using a single pointer, at least one of the following is true: no down-event, abort/undo, or up reversal.
Label in Name
Level AFor user interface components with labels that include text, the name contains the text that is presented visually.
Motion Actuation
Level AFunctionality operated by device or user motion can also be operated by UI components and responding to motion can be disabled.
Target Size (Enhanced)
Level AAAThe size of the target for pointer inputs is at least 44 by 44 CSS pixels.
Concurrent Input Mechanisms
Level AAAContent does not restrict use of input modalities available on a platform.
Dragging Movements
Level AANew in 2.2All functionality that uses dragging movements can be achieved with a single pointer without dragging. (New in WCAG 2.2)
Target Size (Minimum)
Level AANew in 2.2The size of the target for pointer inputs is at least 24 by 24 CSS pixels, with exceptions. (New in WCAG 2.2)
3.1 Readable
Language of Page
Level AThe default human language of each Web page can be programmatically determined.
Language of Parts
Level AAThe human language of each passage or phrase in the content can be programmatically determined.
Unusual Words
Level AAAA mechanism is available for identifying specific definitions of words used in an unusual or restricted way.
Abbreviations
Level AAAA mechanism for identifying the expanded form or meaning of abbreviations is available.
Reading Level
Level AAAContent requires no more than lower secondary education reading ability (supplemental content available if more complex).
Pronunciation
Level AAAA mechanism is available for identifying the pronunciation of words where meaning is ambiguous without knowing pronunciation.
3.2 Predictable
On Focus
Level AReceiving focus does not initiate a change of context.
On Input
Level AChanging the setting of any user interface component does not automatically cause a change of context.
Consistent Navigation
Level AANavigational mechanisms repeated on multiple pages occur in the same relative order.
Consistent Identification
Level AAComponents with the same functionality are identified consistently.
Change on Request
Level AAAChanges of context are initiated only by user request or a mechanism is available to turn off such changes.
Consistent Help
Level ANew in 2.2Help mechanisms that are repeated on multiple Web pages occur in the same relative order. (New in WCAG 2.2)
3.3 Input Assistance
Error Identification
Level AIf an input error is automatically detected, the item that is in error is identified and the error is described to the user in text.
Labels or Instructions
Level ALabels or instructions are provided when content requires user input.
Error Suggestion
Level AAIf an input error is automatically detected and suggestions for correction are known, then the suggestion is provided to the user.
Error Prevention (Legal, Financial, Data)
Level AASubmissions are reversible, checked, or confirmed before final submission.
Help
Level AAAContext-sensitive help is available.
Error Prevention (All)
Level AAAAll submissions are reversible, checked, or confirmed before final submission.
Redundant Entry
Level ANew in 2.2Information previously entered by or provided to the user that is required to be entered again is either auto-populated or available for the user to select. (New in WCAG 2.2)
Accessible Authentication (Minimum)
Level AANew in 2.2A cognitive function test is not required for authentication unless an alternative is available. (New in WCAG 2.2)
Accessible Authentication (Enhanced)
Level AAANew in 2.2A cognitive function test is not required for any step in an authentication process. (New in WCAG 2.2)
4.1 Compatible
Parsing
Level AIn content implemented using markup languages, elements have complete start and end tags, elements are nested according to their specifications, elements do not contain duplicate attributes, and any IDs are unique. (Obsolete in WCAG 2.2: removed from conformance requirement)
Name, Role, Value
Level AFor all user interface components, the name and role can be programmatically determined; states, properties, and values can be set programmatically; and changes are notified to assistive technologies.
Status Messages
Level AAStatus messages can be programmatically determined through role or properties so they can be announced by assistive technologies without receiving focus.
1.1.1 Non-text Content
All non-text content that is presented to the user has a text alternative that serves the equivalent purpose.
1.2.1 Audio-only and Video-only (Prerecorded)
An alternative is provided for prerecorded audio-only and video-only content.
1.2.2 Captions (Prerecorded)
Captions are provided for all prerecorded audio content in synchronized media.
1.2.3 Audio Description or Media Alternative (Prerecorded)
An alternative for time-based media or audio description of the prerecorded video is provided.
1.2.4 Captions (Live)
Captions are provided for all live audio content in synchronized media.
1.2.5 Audio Description (Prerecorded)
Audio description is provided for all prerecorded video content in synchronized media.
1.2.6 Sign Language (Prerecorded)
Sign language interpretation is provided for all prerecorded audio content in synchronized media.
1.2.7 Extended Audio Description (Prerecorded)
Extended audio description is provided for all prerecorded video content in synchronized media.
1.2.8 Media Alternative (Prerecorded)
An alternative for time-based media is provided for all prerecorded synchronized media and prerecorded video-only media.
1.2.9 Audio-only (Live)
An alternative for time-based media that presents equivalent information is provided for live audio-only content.
1.3.1 Info and Relationships
Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text.
1.3.2 Meaningful Sequence
If the sequence in which content is presented affects its meaning, a correct reading sequence can be programmatically determined.
1.3.3 Sensory Characteristics
Instructions for understanding and operating content do not rely solely on sensory characteristics such as shape, color, size, visual location, orientation, or sound.
1.3.4 Orientation
Content does not restrict its view and operation to a single display orientation, such as portrait or landscape.
1.3.5 Identify Input Purpose
The purpose of each input field that collects information about the user can be programmatically determined.
1.3.6 Identify Purpose
The purpose of UI components, icons, and regions can be programmatically determined.
1.4.1 Use of Color
Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.
1.4.2 Audio Control
A mechanism is available to pause, stop, or control the volume of audio that plays automatically for more than 3 seconds.
1.4.3 Contrast (Minimum)
The visual presentation of text and images of text has a contrast ratio of at least 4.5:1.
1.4.4 Resize Text
Text can be resized without assistive technology up to 200 percent without loss of content or functionality.
1.4.5 Images of Text
Images of text are only used for pure decoration or where a particular presentation of that text is essential to the information being conveyed.
1.4.6 Contrast (Enhanced)
Text and images of text have a contrast ratio of at least 7:1, except large-scale text and images of large-scale text, which require at least 4.5:1.
1.4.7 Low or No Background Audio
Prerecorded audio that is primarily speech, and is not an audio CAPTCHA or vocalization, has no or very low background sound, meeting one of several specific loudness or on/off conditions.
1.4.8 Visual Presentation
For blocks of text, a mechanism lets users select foreground and background colors, line width is no more than 80 characters, text is not fully justified, line spacing is at least 1.5x within paragraphs and 2.5x between them, and text can be resized to 200% without requiring horizontal scrolling.
1.4.9 Images of Text (No Exception)
Images of text are used only for pure decoration, with no exception for cases where a particular presentation is essential; live text must be used for everything else.
1.4.10 Reflow
Content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions, at 400% zoom (equivalent to a 320 CSS-pixel-wide viewport for content that scrolls vertically, or 256 CSS pixels tall for content that scrolls horizontally).
1.4.11 Non-text Contrast
The visual presentation of user interface components and graphical objects has a contrast ratio of at least 3:1 against adjacent color(s), except where a specific presentation is essential or already governed by another requirement.
1.4.12 Text Spacing
No loss of content or functionality occurs when a user sets line height to at least 1.5 times the font size, spacing following paragraphs to at least 2 times the font size, letter spacing to at least 0.12 times the font size, and word spacing to at least 0.16 times the font size.
1.4.13 Content on Hover or Focus
Additional content that appears on hover or keyboard focus, and is triggered by that hover or focus, must be dismissible without moving the pointer, hoverable so the pointer can reach it, and persistent until the trigger is dismissed, no longer relevant, or the information becomes invalid.
2.1.1 Keyboard
All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes.
2.1.2 No Keyboard Trap
If keyboard focus can be moved to a component using a keyboard interface, focus can be moved away from that component using only a keyboard interface, and if more than unmodified arrow or tab keys are required, the user is advised of the method.
2.1.3 Keyboard (No Exception)
All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes, without exception.
2.1.4 Character Key Shortcuts
If a keyboard shortcut is implemented using only letter, punctuation, number, or symbol characters, it can be turned off, remapped to include a modifier key, or is only active when the relevant component has focus.
2.2.1 Timing Adjustable
For each time limit set by the content, the user can turn off, adjust, or extend the time limit, with certain exceptions.
2.2.2 Pause, Stop, Hide
For moving, blinking, scrolling, or auto-updating information that starts automatically and lasts more than five seconds and is presented in parallel with other content, the user can pause, stop, or hide it.
2.2.3 No Timing
Timing is not an essential part of the event or activity presented by the content, except for non-interactive synchronized media and real-time events.
2.2.4 Interruptions
Interruptions can be postponed or suppressed by the user, except interruptions involving an emergency.
2.2.5 Re-authenticating
When an authenticated session expires, the user can continue the activity without loss of data after re-authenticating.
2.2.6 Timeouts
Users are warned of the duration of any user inactivity that could cause data loss, unless the data is preserved for more than 20 hours when the user does not take action.
2.3.1 Three Flashes or Below Threshold
Web pages do not contain anything that flashes more than three times in any one-second period, or the flash is below the general flash and red flash thresholds.
2.3.2 Three Flashes
Web pages do not contain anything that flashes more than three times in any one-second period.
2.3.3 Animation from Interactions
Motion animation triggered by interaction can be disabled, unless the animation is essential to the functionality or the information being conveyed.
2.4.1 Bypass Blocks
A mechanism is available to bypass blocks of content that are repeated on multiple web pages.
2.4.2 Page Titled
Web pages have titles that describe topic or purpose.
2.4.3 Focus Order
If a web page can be navigated sequentially and the navigation sequences affect meaning or operation, focusable components receive focus in an order that preserves meaning and operability.
2.4.4 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 programmatically determined link context.
2.4.5 Multiple Ways
More than one way is available to locate a web page within a set of web pages, except where the page is the result of, or a step in, a process.
2.4.6 Headings and Labels
Headings and labels describe topic or purpose.
2.4.7 Focus Visible
Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible.
2.4.8 Location
Information about the user's location within a set of web pages is available.
2.4.9 Link Purpose (Link Only)
A mechanism is available to allow the purpose of each link to be identified from link text alone, except where the purpose would be ambiguous to users in general.
2.4.10 Section Headings
Section headings are used to organize the content.
2.4.11 Focus Not Obscured (Minimum)
When a user interface component receives keyboard focus, the component is not entirely hidden due to author-created content.
2.4.12 Focus Not Obscured (Enhanced)
When a user interface component receives keyboard focus, no part of the component is hidden due to author-created content.
2.4.13 Focus Appearance
The keyboard focus indicator has an area at least as large as a 2 CSS pixel thick perimeter, and a contrast ratio of at least 3:1 against adjacent colors in both its focused and unfocused states.
2.5.1 Pointer Gestures
All functionality that uses multipoint or path-based gestures for operation can be operated with a single pointer without a path-based gesture, unless the multipoint or path-based gesture is essential.
2.5.2 Pointer Cancellation
For functionality operated using a single pointer, at least one of the following is true: no down-event activation, ability to abort or undo, up-event reversal, or the down-event is essential.
2.5.3 Label in Name
For user interface components with labels that include text or images of text, the accessible name contains the visible text label.
2.5.4 Motion Actuation
Functionality that can be operated by device motion or user motion can also be operated by conventional user interface components, and motion actuation can be disabled to prevent accidental triggering.
2.5.5 Target Size (Enhanced)
The size of the target for pointer inputs is at least 44 by 44 CSS pixels, except when an equivalent alternative target is available, the target is in a sentence or block of text, the presentation is essential, or the size is determined by the user agent.
2.5.6 Concurrent Input Mechanisms
Web content does not restrict use of input modalities available on a platform, except where the restriction is essential, required for security, or required to respect user settings.
2.5.7 Dragging Movements
All functionality that uses a dragging movement for operation can be achieved by a single pointer without dragging, unless dragging is essential or the behavior is determined by the user agent and not modified by the author.
2.5.8 Target Size (Minimum)
The size of the target for pointer inputs is at least 24 by 24 CSS pixels, except where there is an equivalent target elsewhere that meets the size, the target is inline within text, sufficient spacing surrounds the target, or the presentation is essential.
3.1.1 Language of Page
The default human language of each web page can be programmatically determined.
3.1.2 Language of Parts
The human language of each passage or phrase in the content can be programmatically determined, except for proper names, technical terms, words of indeterminate language, and words that have become part of the surrounding vernacular.
3.1.3 Unusual Words
A mechanism is available for identifying specific definitions of words or phrases used in an unusual or restricted way, including idioms and jargon.
3.1.4 Abbreviations
A mechanism for identifying the expanded form or meaning of abbreviations is available.
3.1.5 Reading Level
When text requires reading ability more advanced than the lower secondary education level after removal of proper names and titles, supplemental content or a version that does not require reading ability above that level is available.
3.1.6 Pronunciation
A mechanism is available for identifying the specific pronunciation of words where meaning is ambiguous without knowing the pronunciation.
3.2.1 On Focus
When any user interface component receives focus, it does not initiate a change of context.
3.2.2 On Input
Changing the setting of any user interface component does not automatically cause a change of context, unless the user is advised of the behavior before using the component.
3.2.3 Consistent Navigation
Navigational mechanisms that are repeated on multiple web pages within a set of web pages occur in the same relative order each time they are repeated.
3.2.4 Consistent Identification
Components that have the same functionality within a set of web pages are identified consistently.
3.2.5 Change on Request
Changes of context are initiated only by user request, or a mechanism is available to turn off such changes.
3.2.6 Consistent Help
If a web page contains help mechanisms repeated across multiple pages, they occur in the same relative order on each page, unless a change is initiated by the user.
3.3.1 Error Identification
If an input error is automatically detected, the item that is in error is identified and the error is described to the user in text.
3.3.2 Labels or Instructions
Labels or instructions are provided when content requires user input.
3.3.3 Error Suggestion
If an input error is automatically detected and suggestions for correction are known, the suggestions are provided to the user, unless it would jeopardize security or purpose.
3.3.4 Error Prevention (Legal, Financial, Data)
For pages that cause legal commitments or financial transactions, that modify or delete user-controllable data, or that submit test responses, submissions are reversible, checked for errors, or confirmed before finalizing.
3.3.5 Help
Context-sensitive help is available.
3.3.6 Error Prevention (All)
For pages requiring the user to submit information, submissions are reversible, checked for errors, or confirmed before finalizing.
3.3.7 Redundant Entry
Information previously entered by or provided to the user that is required to be entered again in the same process is either auto-populated or available for the user to select, except in specific cases.
3.3.8 Accessible Authentication (Minimum)
A cognitive function test (such as remembering a password or solving a puzzle) is not required for any step in an authentication process unless that step provides an alternative.
3.3.9 Accessible Authentication (Enhanced)
A cognitive function test is not required for any step in an authentication process, unless an alternative is provided that does not rely on a cognitive function test, with no exception for object recognition or personal content.
4.1.1 Parsing
In content implemented using markup languages, elements have complete start and end tags, are nested according to specification, do not contain duplicate attributes, and IDs are unique.
4.1.2 Name, Role, Value
For all user interface components, the name and role can be programmatically determined; states, properties, and values can be set and notification of changes is available to assistive technologies.
4.1.3 Status Messages
Status messages can be programmatically determined through role or properties such that they can be presented to assistive technology users without receiving focus.