1 Perceivable
Information and user interface components must be presentable to users in ways they can perceive.
1.1 Text Alternatives
Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language.
1.2 Time-based Media
Provide alternatives for time-based media.
1.2.1 Audio-only and Video-only (Prerecorded)
Conformance level: A
Provide an alternative to audio-only and video-only content.
1.2.2 Captions (Prerecorded)
Conformance level: A
Provide captions for all prerecorded audio content in synchronized media.
1.2.3 Audio Description or Media Alternative (Prerecorded)
Conformance level: A
Provide an audio description for all prerecorded video content in synchronized media.
1.2.4 Captions (Live)
Conformance level: AA
Provide captions for all live audio content in synchronized media.
1.2.5 Audio Description (Prerecorded)
Conformance level: AA
Provide a synchronized spoken description of the visual content in videos.
1.2.6 Sign Language (Prerecorded)
Conformance level: AAA
Provide sign language interpretation for all prerecorded audio content.
1.2.7 Extended Audio Description (Prerecorded)
Conformance level: AAA
Provide extended audio descriptions for all prerecorded video content where pauses in the original audio are insufficient.
1.2.8 Media Alternative (Prerecorded)
Conformance level: AAA
Provide a text alternative for all prerecorded synchronized media and audio-only content.
1.2.9 Audio-only (Live)
Conformance level: AAA
Provide an alternative to live audio-only content.
1.3 Adaptable
Create content that can be presented in different ways (for example simpler layout) without losing information or structure.
1.3.1 Info and Relationships
Conformance level: A
Ensure that information and relationships conveyed through presentation can be programmatically determined or are available in text.
1.3.2 Meaningful Sequence
Conformance level: A
Ensure that content is presented in a meaningful order.
It's optimal if the DOM order matches the visual order.
1.3.3 Sensory Characteristics
Conformance level: A
Avoid instructions that rely solely on sensory characteristics (e.g., "click the red button").
1.3.4 Orientation
Conformance level: AA
Ensure content is operable in both portrait and landscape orientations.
1.3.5 Identify Input Purpose
Conformance level: AA
Identify the purpose of form fields programmatically.
1.3.6 Identify Purpose
Conformance level: AAA
Ensure that the purpose of user interface components, icons, and regions can be programmatically determined.
1.4 Distinguishable
Make it easier for users to see and hear content including separating foreground from background.
1.4.1 Use of Color
Conformance level: A
Do not use color as the only visual means of conveying information.
1.4.2 Audio Control
Conformance level: A
Provide a mechanism to stop, pause, or control the volume of audio that plays automatically.
1.4.3 Contrast (Minimum)
Conformance level: AA
Ensure sufficient contrast between text and background.
1.4.4 Resize Text
Conformance level: AA
Allow text to be resized up to 200% without loss of content or functionality.
1.4.5 Images of Text
Conformance level: AA
Use text instead of images of text.
1.4.6 Contrast (Enhanced)
Conformance level: AAA
Provide a higher contrast ratio for text and images of text.
1.4.7 Low or No Background Audio
Conformance level: AAA
Ensure that audio content has no or low background noise.
1.4.8 Visual Presentation
Conformance level: AAA
Offer users the ability to control foreground and background colors, line spacing, and width of blocks of text.
1.4.9 Images of Text (No Exception)
Conformance level: AAA
Avoid images of text in all circumstances.
1.4.10 Reflow
Conformance level: AA
Ensure content reflows to fit a viewport without requiring horizontal scrolling.
1.4.11 Non-text Contrast
Conformance level: AA
Ensure sufficient contrast for user interface components and graphical objects.
1.4.12 Text Spacing
Conformance level: AA
Ensure content is readable and operable when users adjust spacing.
Note - this criterion doesn't necessarily require you to have these sizes in use but it requires that you allow the user to change them according to their needs.
1.4.13 Content on Hover or Focus
Conformance level: AA
Ensure that additional content triggered by hover or focus is dismissible, hoverable, and persistent.