Debates about digital accessibility often revolve around complex concepts such as HTML semantics, ARIA attributes or keyboard operation. These are critical topics, but in practice we run into a much simpler and yet more destructive problem. Contrast.
According to data from Index CSGOV as well as global analyses (such as the WebAIM Million), insufficient text contrast is the most common error found on websites. It is not just an aesthetic flaw. It is an error that can make a website unusable for the widest group of users, and yet designers and developers still underestimate it.
Aesthetics that exclude
The design trends of recent years often favour minimalism: subtle grey type on a white background, thin font weights or pastel elements. From a purely visual standpoint this may look modern. From an accessibility standpoint it is building a barrier.
Poor contrast is not a problem only for people with visual impairments. It affects everyone who:
- uses a mobile phone in direct sunlight,
- has an older monitor with worse colour reproduction,
- suffers from eye strain or early presbyopia,
- works at night with a blue light filter on.
If the text blends into the background, the user stops reading the content. Not because they are not interested, but because the cognitive effort of deciphering the characters exhausts them before they reach the end of the paragraph.
Why contrast is a usability "killer"
While a missing alternative text on an image primarily affects screen reader users, low contrast affects everyone. It is the "most democratic" error – it discriminates across devices and health conditions alike.
In Index CSGOV we see that the contrast ratio is often the stumbling block even for projects that otherwise declare compliance with the standard. Why?
- Subjective perception: A designer with a calibrated 5K monitor in a darkened studio sees the text perfectly. A user on a cheap Android phone in a tram does not.
- Insufficient testing: Contrast is often measured only on static designs (Figma), but not on interactive elements (hover states, active form fields, error messages).
- Branding priority: The effort to stick to corporate colours that were defined for print, not for digital interfaces.
The numbers don't lie: the WCAG methodology as a minimum
The WCAG 2.1 standard clearly defines a minimum contrast ratio of 4.5:1 for regular text and 3:1 for large text or graphic elements. These numbers are not plucked out of thin air – they are mathematically grounded thresholds that ensure readability for people with a visual acuity of around 20/40, which is a common condition in the population as age increases.
If your website does not meet these values, you are automatically telling a substantial part of the population: "This content is not for you." For public administration services, where access to information is a right, such an approach is unacceptable.
Contrast as a mark of professionalism
The good news is that fixing contrast is technically the easiest task. It requires no deep changes to the code or to the architecture. It only requires attention and the right tools.
A professional workflow today must include automated as well as manual contrast checks at every stage:
- Design: Using contrast-checking plugins directly in design tools.
- Development: Defining colour variables that guarantee compliance.
- QA: Continuous measurement with tools such as Index CSGOV, which relentlessly points out these errors.
Accessibility starts with the eyes
You can have perfectly structured code and lightning-fast loading, but if the user cannot read what you want to tell them, everything else loses its meaning. Contrast is not just an item on a checklist. It is the basic precondition for a digital service to exist at all in the eyes of the user.
Want to know how your website is doing with contrast and other parameters?
Have a current audit generated and find out whether you are creating invisible barriers where there should be open doors.
Contrast checking tools
- Contrast checker – https://webaim.org/resources/contrastchecker/
- Colour Contrast Checker – https://colourcontrast.cc/