Perceivable · Level A · Introduced in WCAG 2.0
WCAG 1.4.1: Use of Color
Published by whatisADA / Grow Wild Agency · Updated
What this criterion means
Color cannot be the sole visual cue for information or an action. People who cannot distinguish the chosen colors still need to identify errors, links, categories and states.
A practical example
A booking calendar marks unavailable dates in red. Add “Unavailable” text or a clearly explained symbol, and ensure the same state is exposed to assistive technology. A red border alone is not enough to explain a form error.
How to check it
- Identify every place color distinguishes a state, category, link or instruction.
- View a grayscale rendering and check whether the distinction remains understandable.
- Verify that added words, symbols or patterns communicate the same information and are present in the relevant accessible description.
What can be missed
Passing text contrast does not automatically solve color-only communication. Links and charts need their own review, including any criterion-specific techniques for distinguishing links from adjacent text.
Record your test
Use this worksheet to record what you actually checked. Notes stay on this device when you choose Save; they are not sent to us. Avoid personal or confidential information on shared devices.
These are your observations, not automated results or a conformance certificate. A complete evaluation needs appropriate scope, supported technologies, all applicable criteria and relevant page states.
Primary sources and scope
This is independent implementation guidance with original examples. The linked standard contains the full definitions, exceptions and conformance requirements. A criterion or checklist alone does not establish legal applicability or whole-site conformance.