kanchi.org

An independent publication about disability inclusion

Barriers · Budgets · Who signed it off

Home → Design That Works → Entry

Design That Works · Register entry

Contrast Is Not Optional

Colour contrast is one of the most precisely measurable accessibility requirements in design — and one of the most routinely ignored.

Measure
Contrast Is Not Optional
Where it bites
Screens and signage
Signed off by
Design lead
Order of cost
Nothing at all
Close-up of printed text reading "longer needs" and "services" in bold black font

What the numbers mean

Contrast ratio is not a subjective description of whether something looks "easy to read." It is a calculated relationship between the luminance of two colours — typically text against its background. The Web Content Accessibility Guidelines (WCAG), the internationally adopted standard for digital accessibility, express this as a ratio: 1:1 means no contrast at all (black on black); 21:1 is the maximum (black on white).

WCAG 2.1, still the operative reference for most public and commercial digital services, sets two thresholds. Standard body text requires a minimum ratio of 4.5:1 against its background. Large text — defined as 18pt or larger, or 14pt bold — gets a lower threshold of 3:1, because size and weight compensate somewhat for reduced contrast. These are Level AA requirements, the standard most accessibility regulations and procurement frameworks point to. Level AAA pushes to 7:1 for body text, a threshold that some argue should be the default for anything a person needs to read carefully.

The mechanism behind the numbers matters. Luminance is not the same as hue. Two colours can look very different to someone with full colour vision and yet sit at almost identical luminance values — making them effectively indistinguishable to someone with a contrast sensitivity impairment, or to anyone using a screen in bright sunlight. A red warning label on a green background might look vivid to some users and invisible to others. Contrast ratio strips colour out of the equation and measures only light and dark.

Where design consistently fails

The failures are not exotic edge cases. They are repeatable, predictable and usually the product of aesthetic preference overriding technical requirement.

Pale grey text on a white background is the canonical failure. It appears in product interfaces, in corporate intranet pages, in booking systems, in the metadata and helper text on forms that tell users what a field requires. Designers use low-contrast grey to create visual hierarchy — making primary content stand out by dimming secondary information. The problem is that "secondary" does not mean "disposable." An error message in mid-grey on white, failing the 4.5:1 threshold, is invisible to a meaningful proportion of users: people with low vision, older adults whose contrast sensitivity has declined, anyone on a tired or badly calibrated screen. When the form can't beread, the consequences accumulate quickly.

Wayfinding signage in physical environments carries the same failure mode. Hospital signage systems, transport interchanges, shopping centres and office buildings regularly specify sign colours that perform well in the design studio's light conditions and poorly in the building's actual lighting. A dark blue room-number on a mid-blue background may pass a cursory visual check and fail a luminance measurement. BS 8300, the British standard for the design of accessible buildings, addresses luminance contrast between surfaces — doors against walls, handrails against backgrounds, signage against its mounting surface — using a Light Reflectance Value (LRV) difference of at least 30 points as a practical guide. That figure is not arbitrary: it translates to contrast sufficient for a person with moderately reduced vision to distinguish where one surface ends and another begins.

Digital interfaces introduce an additional complication: placeholders. The ghost text inside an empty form field — which typically uses a colour around 50–60% opacity of the field's border — almost universally fails WCAG's 4.5:1 threshold. It is not exempt because it is placeholder content. A user trying to understand what to enter into a field needs to read that text.

What procurement and commissioning can do

Contrast requirements are not hard to specify. WCAG 2.1 Level AA can be written into a digital procurement contract as a pass/fail condition, checked with free tools such as the WebAIM Contrast Checker against any colour hex value. Physical wayfinding can require LRV evidence from the manufacturer. Neither requires specialist expertise at the specification stage — only the decision to require evidence rather than assume compliance.

The practical failure is almost never ignorance of the standard. It is the absence of anyone at the sign-off stage who asks for the numbers.

Related entries

Same file, different signature.