Guideline 1.4
Distinguishable
Content must be easy to distinguish. Above all, it should be easy to distinguish the foreground from the background. Text must have sufficient contrast, needs to support scaling and must not be omitted or shortened anywhere. Users should be able to stop sound if it disturbs them.
Success Criteria
- Success Criterion 1.4.1 - Use of Color
Use of Color
Ensure color isn't the only way information is conveyed.
- Success Criterion 1.4.2 - Audio Control
Audio Control
Ensure that audio which lasts longer than three seconds can be paused or stopped.
- Success Criterion 1.4.3 - Contrast (Minimum)
Contrast (Minimum)
Ensure that the contrast ratio between the text color and background color is at least 4.5:1. For bold and large text, a ratio of 3:1 is sufficient.
- Success Criterion 1.4.4 - Resize Text
Resize Text
Ensure that the text in your app supports resizing.
- Success Criterion 1.4.5 - Images of Text
Images of Text
Ensure images are not used to display text.
- Success Criterion 1.4.6 - Contrast (Enhanced)
Contrast (Enhanced)
The visual presentation of text and images of text has a contrast ratio of at least 7:1.
- Success Criterion 1.4.7 - Low or No Background Audio
Low or No Background Audio
For prerecorded audio-only content that contains primarily speech in the foreground, is not an audio CAPTCHA or audio logo, and is not vocalization intended to be primarily musical expression such as singing or rapping, some rules apply.
- Success Criterion 1.4.8 - Visual Presentation
Visual Presentation
For the visual presentation of blocks of text, some rules apply.
- Success Criterion 1.4.9 - Images of Text (No Exception)
Images of Text (No Exception)
Images of text are only used for pure decoration or where a particular presentation of text is essential to the information being conveyed.
- Success Criterion 1.4.10 - Reflow
Reflow
Ensure that all content on the screen remains readable even with the largest font.
- Success Criterion 1.4.11 - Non-text Contrast
Non-text Contrast
Ensure that the content on the screen has a contrast of at least 3:1 with the surrounding color.
- Success Criterion 1.4.12 - Text Spacing
Text Spacing
Ensure there is enough space between paragraphs, letters and words.
- Success Criterion 1.4.13 - Content on Hover or Focus
Content on Hover or Focus
Ensure it is possible to hide information which appears automatically after hovering with the pointer or focusing with the keyboard.