Concepts

Color vision deficiency

Also: CVD, color blindness, colour blindness, colour vision deficiency

The umbrella term for genetic or acquired conditions that affect colour perception. Affects roughly 8% of men and 0.5% of women globally. WCAG 1.4.1 prohibits colour as the sole means of conveying information.

Colour vision deficiency (CVD) — often imprecisely called “colour blindness” — refers to a family of genetic or acquired conditions affecting how the eye perceives colour. Prevalence is roughly 8% of men and 0.5% of women globally, making it the single most common visual impairment by a wide margin.

The major types

  • Deuteranopia / deuteranomaly — red-green CVD, the most common by far. Reds and greens are hard to distinguish; particularly problematic at low saturation.
  • Protanopia / protanomaly — also red-green, but with a different cone-cell defect. Reds appear darker; red-green confusion is similar in pattern to deuteranopia.
  • Tritanopia / tritanomaly — blue-yellow CVD. Much rarer (~0.01% prevalence). Blues and yellows are confused.
  • Monochromacy / achromatopsia — true colour blindness; complete inability to perceive colour. Extremely rare (~1 in 30,000).

The everyday term “colour blindness” usually refers to deuteranopia or protanopia — the red-green family. Severity varies enormously from mild discrimination problems to near-total inability to distinguish red and green.

What WCAG requires

The relevant criterion is 1.4.1 Use of Color — Level A — which states that colour cannot be used as the only means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.

In practice this rules out:

  • Form validation by colour only. A red border around an invalid input, with no error icon and no text message, fails. The user with CVD doesn’t perceive the border as red.
  • Graph series identified by colour only. A line chart with five colour-coded series and no labels at each line. CVD users can’t tell which line is which.
  • Status badges by colour only. A list of items where green = ok and red = error, with no text or icon. CVD users can’t sort them.

What that doesn’t mean

1.4.1 does NOT prohibit using colour to convey information — it just requires that colour not be the only way to convey it. So:

  • Red error border + error icon + error message text = fine. (Colour reinforces but doesn’t carry the meaning alone.)
  • Graph series identified by colour + line shape (solid, dashed, dotted) + labels at line endpoints = fine.
  • Status badge with colour + icon + text = fine.

Testing for CVD

Three reasonable test methods:

  1. Simulation. Browser extensions (Funkify, Stark, axe DevTools Pro) render the page as a CVD user would see it. Useful for spot-checks during development.
  2. Convert to greyscale. A quick sanity check — if the design still works in pure greyscale, it works for most CVD patterns.
  3. Real-user testing. Recruit CVD users for usability sessions. Better than any simulation.

What’s not CVD but adjacent

Colour-vision deficiency is distinct from:

  • Low contrast sensitivity — older eyes, low-vision conditions — addressed by WCAG 1.4.3/1.4.11 contrast rules.
  • Photophobia — light sensitivity — addressed by reduced-motion preferences and dark-mode options.
  • Cataracts or yellowing of the lens — common with age, shifts perceived colour temperature without producing classic CVD patterns.

Designing for CVD is a baseline for everyone, but it doesn’t substitute for contrast compliance, dark mode, or reduced motion as separate practices.