Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element. (Level A)
Color cannot be the only visual means of conveying information, because many users have deficiencies in color perception and cannot identify or distinguish colors. This checkpoint requires that you provide another non-color method for making the information available visually, such as with pattern, images, text, or text formatting.
For example, if text in an input field is colored red to show it is invalid, a user who cannot distinguish the red will not be able to detect the problem. If a warning symbol is added beside the text box then the user can locate it.
This checkpoint is not meant to discourage the effective use of color or color coding, but to require redundant visual indication.
Exception: This checkpoint does not apply when color is used to indicate "visited" links. This checkpoint also does not apply when color is used to indicate the location of a mouseover focus on a navigation bar or within an application.
Refer to Understanding SC 1.4.1 for more information (external link to WCAG).
Review the General techniques as well as other tabs applicable to your technology. Prioritize the use of technology-specific techniques, and implement the General techniques as needed. You are always required to find, understand and implement accessible code techniques to meet the checkpoint. The documented techniques and supplements are not exhaustive; they illustrate acceptable ways to achieve the spirit of the checkpoint. If numbered, techniques are in order of preference, with recommended techniques listed first. Where used, IBM information that complements the WCAG techniques is indicated as supplemental.
Instructions: Select the situation below that matches your content. Any item in the described situation represents a technique that is deemed sufficient for meeting this checkpoint. Ensure you review WCAG Common Failures to avoid development mistakes.
Situation A: If the color of particular words, backgrounds or other content is used to indicate information
- G14: Ensuring that information conveyed by color differences is also available in text
- 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
- G205: Including a text cue for colored form control labels
Situation B: If color is used within an image to convey information
There are no specific Web techniques for this checkpoint. Refer to the General techniques section.
There are no specific Mobile Native iOS techniques for this checkpoint. Refer to the General techniques section.
There are no specific Eclipse techniques for this checkpoint. Refer to the General techniques section.
There are no specific Windows-based (MSAA+IA2) techniques for this checkpoint. Refer to the General techniques section.
Most links in this checklist reside outside ibm.com at the Web Content Accessibility Guidelines (WCAG) 2.0. W3C Recommendation 11 December 2008: http://www.w3.org/TR/WCAG20/
Copyright © 1994-2017 World Wide Web Consortium, (Massachusetts Institute of Technology, European Research Consortium for Informatics and Mathematics, Keio University, Beihang University). All Rights Reserved.
Copyright © 2001, 2017 IBM Corporation