Visa Accessibility - Not Only Color (VIS-002)
VGAR Visual Requirements
Visual
- Support Zoom (VIS-001)
- Not Only Color (VIS-002)
- Color Contrast (VIS-003)
- No Images of Text (VIS-004)
- Text Alternatives (VIS-005)
- Audio Visual Media (VIS-006)
Not Only Color (VIS-WEB-002)
Don't use color to convey information unless you use another method as well
Color is not perceived equally by all users so depending on color to communicate information is not a reliable way to ensure user understanding. For instance, if a line graph shows two lines comparing two sets of data and one is blue and the other is purple, a colorblind user might not see a difference in these colors. Without knowing the difference in these colors, the user will not understand the data comparison being displayed.
To improve this data display, the design should also include text labels for each line that clearly communicate the identity of each line.
Requirements
Not Only Color (VIS-WEB-002-01)
If a color difference is used to convey information, that information MUST also be available in text or through some other alternative method.
Test Procedures
Visual Inspection (VIS-WEB-002-01-T)
Confirm that whenever a difference in color is used to convey information, that information is also be available in text or through some other alternative method.
Related Content
WCAG Success Criteria
W3C Techniques
- G14: Ensuring that information conveyed by color differences is also available in text
- G205: Including a text cue for colored form control labels
- G182: Ensuring that additional visual cues are available when text color differences are used to convey information
- G183: Using a contrast ratio of 3:1 with surrounding text and providing additional visual cues on focus for links or controls where color alone is used to identify them
- G111: Using color and pattern
Common Failures
- F13: Failure of Success Criterion 1.1.1 and 1.4.1 due to having a text alternative that does not include information that is conveyed by color differences in the image
- F73: Failure of Success Criterion 1.4.1 due to creating links that are not visually evident without color vision
- F81: Failure of Success Criterion 1.4.1 due to identifying required or error fields using color differences only