Skip to main content

Use of Color (1.4.1)

Color must not be the only means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.

WCAG Reference

Applies to: WCAG 2.0, WCAG 2.1, WCAG 2.2 Introduced in: WCAG 2.0 | Level: A | Read the official specification →

What this rule checks

The scanner flags instances where meaning is communicated exclusively through color without a secondary visual indicator such as text, icons, patterns, or underlines.

Why it matters

Users with color-vision deficiency, low vision, or monochrome displays cannot distinguish elements when the only differentiator is color. Adding a secondary cue ensures everyone perceives the intended meaning.

Common failure patterns

  • required form fields marked only with red text
  • chart series differentiated only by color with no patterns or labels
  • links within body text that are distinguished only by color (no underline or icon)
  • status indicators (success/error) using only green/red with no text or icon

Remediation guidance

  • pair color with a text label, icon, pattern, or border change
  • underline links or add a visible icon to distinguish them from surrounding text
  • use patterns, hatching, or data labels in charts alongside color
  • test the interface with a color-blindness simulator to confirm the secondary cue is visible

Test across 3000+ combinations of browsers, real devices & OS.

Book Demo

Help and Support

Related Articles