WCAG 2.1 Success Criteria Flashcards
1.1.1
Non-text Content
A
All non-text content that is presented to the user has a text alternative that serves the equivalent purpose [except for controls/input, time-based media, test, sensory, CAPTCHA, decoration/formatting/invisible.]
1.2.1
Audio-only and Video-only (Prerecorded)
A
When the audio or video is not a media alternative for text, an alternative for time-based media is provided that presents equivalent information for prerecorded media, and/or prerecorded audio-only alternative for prerecorded video-only.
1.2.2
Captions (Prerecorded)
A
Synchronized captions are provided for all prerecorded audio (except where the audio is itself an alternative to text and is clearly labeled as such).
1.2.3
Audio Description or Media Alternative (Prerecorded)
A
An alternative for time-based media or audio description of video is provided (except where the audio is itself an alternative to text and is clearly labeled as such).
1.2.4
Captions (Live)
AA
Captions are provided for all live audio content in synchronized media.
1.2.5
Audio Description (Prerecorded)
AA
Audio description is provided for all prerecorded video content in synchronized media.
1.2.6
Sign Language (Prerecorded)
AAA
Sign language interpretation is provided for all prerecorded audio content in synchronized media.
1.2.7
Extended Audio Description (Prerecorded)
AAA
Where pauses in foreground audio are insufficient to allow audio descriptions to convey the sense of the video, extended audio description is provided for all prerecorded video content in synchronized media.
1.2.8
Media Alternative (Prerecorded)
AAA
An alternative for time-based media is provided for all prerecorded synchronized media and for all prerecorded video-only media.
1.2.9
Audio-only (Live)
AAA
An alternative for time-based media that presents equivalent information for live audio-only content is provided.
1.3.1
Info and Relationships
A
Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text.
1.3.2
Meaningful Sequence
A
When the sequence in which content is presented affects its meaning, a correct reading sequence can be programmatically determined.
1.3.3
Sensory Characteristics
A
Instructions provided for understanding and operating content do not rely solely on sensory characteristics of components, such as shape, colour, size, visual location, or sound.
1.3.4
Orientation
A
Content does not restrict its view and operation to a single display orientation, such as portrait or landscape, unless a specific display orientation is essential.
1.3.5
Identify Input Purpose
AA
The purpose of each input field collecting user information can be programmatically determined when the input field serves a defined purpose (WCAG 2.1 section 7) and the content is implemented using technologies that can identify the expected meaning for form input data.
1.3.6
Identify Purpose
AAA
In content implemented using markup languages, the purpose of UI components, icons, and regions can be programmatically determined
1.4.1
Use of Color
A
Color is not used as the only means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.
1.4.2
Audio Control
A
If any audio plays automatically for more than 3 seconds, either a mechanism is available to pause/stop the audio, or to control audio volume independently from the overall system volume.
1.4.3
Contrast (Minimum)
AA
The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except:
- large text: at least 3:1
- incidental: no contrast requirement for text or images of text that are part of inactive UI elements, are decorative, are not visible, or are part of a picture
- logotypes: no contrast requirement
1.4.4
Resize Text
AA
Except for captions and images of text, text can be resized without assistive technology upto 200% without loss of content or functionality.
1.4.5
Images of Text
AA
If the right visual presentation can be achieved, text is used to convey information rather than images of text, except where:
- the image of text can be customized by the user
- the particular presentation of text is essential to the information being conveyed
1.4.6
Contrast (Enhanced)
AAA
The visual presentation of text and images of text has a contrast ratio of at least 7:1, except:
- large text: at least 4.5:1
- incidental: no contrast requirement for text or images of text that are part of inactive UI elements, are decorative, are not visible, or are part of a picture
- logotypes: no contrast requirement
1.4.7
Low or No Background Audio
AAA
For prerecorded audio-only content that contains primarily speech in the foreground, is not an audio CAPTCHA or logo, and is not vocalization as musical expression, at least one of the following is true:
- audio has no background sounds, OR
- background sounds can be turned off, OR
- background sounds are at least 20 decibels (dB) or approx 4x lower than foreground speech content (with the exception of occasional sounds <2 seconds)
1.4.8
Visual Presentation
AAA
For visual presentation of blocks of text, there is a mechanism for the following:
- user can select foreground and background colours
- measure (line width) is no more than 80 characters (40 if CJK)
- text is not justified
- leading (line spacing) is at least 1.5 within paragraphs, and paragraph spacing is at least 1.5x larger than line spacing.
- text can be resized without AT upto 200% without having to scroll horizontally to read
1.4.9
Images of Text (No Exception)
AAA
Images of text are only used for pure decoration or where a particular presentation of text is essential to the information being conveyed.
1.4.10
Reflow
AA
Content can be presented without loss of information or functionality, and without scrolling in two dimensions for:
- vertical scrolling at a width equivalent to 320px
- horizontal scrolling at a height equivalent to 256px
Except for parts of the content which require 2D scrolling for usage or meaning
1.4.11
Non-text Contrast
AA
The visual presentation of the following have a contrast ratio of at least 3:1 against adjacent colours:
- UI components and their states, except where inactive or where the appearance is determined by the user agent and not modified by the author
- graphical objects, where parts are required to understand the content, except where the presentation is essential to the information being conveyed
1.4.12
Text Spacing
AA
Where the following properties can be set, no loss of content or functionality occurs by setting them all while changing no other style or property:
- line height at least 1.5x the font size
- spacing after paragraphs at least 2x the font size
- letter spacing at least 0.12 x the font size
- word spacing at least 0.16x the font size
1.4.13
Content on Hover or Focus
AA
Where pointer hover and/or keyboard focus controls display of additional content, the following are all true:
- dismissable: additional content can be dismissed without moving the pointer hover or keyboard focus (unless the additional content communicates an input error, or doesn’t obscure or replace other content)
- hoverable: if triggered by hover, the pointer can be moved over the additional content without the latter disappearing
- persistent: the additional content remains visible until the hover or focus state is removed, the user dismisses it (as above) or the information is no longer valid.
2.1.1
Keyboard
A
All functionality of the content is operable through a keyboard interface without requiring specific timings for keyboard strokes, except where the underlying function requires input that depends on the path of the user’s movement and not just the endpoints
2.1.2
No Keyboard Trap
A
If keyboard focus can be moved to a component, then focus can be moved away by keyboard, and if it requires more than unmodified arrow or tab keys or other standard exit methods, the user is advised of the method for moving the focus away.