• Success Criterion 1.4.1
  • Conformance level A

1.4.1 · Use of Color

Lesson overview · Use of Color

In plain language

Color must never be the only way information is shown (errors, links, statuses, chart series).

Who it affects

People with color-vision deficiency, low vision, or constrained viewing conditions such as strong glare.

How to check

View the page in grayscale: can you still spot links, errors, required fields, selected items, and chart differences?. Worked example — A customer-support live-chat widget: view selected tabs/toggles/swatches in grayscale: if the selected state disappears without color, it fails.

Common misconception

Removing color entirely isn't the fix. The rule only requires that color not be the *only* way information is shown, a second cue like an icon or label alongside the color is enough. Real example: on a news outlet's article page, the alt text describes the image but leaves out information that is shown only through colors in the image (e.g., which line on the chart is which).

Learn more

get in touch

Know where you stand. Know what to work on next.

Tell us what you’re working on and where you need support. Our accessibility specialists can help with audits, remediation, VPAT/ACR, accessible development, and ongoing compliance.

Free 30-minute consultation (opens in new tab)

Free 30-minute call: talk through where you stand, scope a project or get a quote.

Need technical answers now? Book the $100 one-hour consultation to walk through an audit, talk with a developer or review your site live.

Let’s find the barriers before your users do

Indicates a required field.


Your information is kept private and never shared with third parties.

Scenarios in this lesson