Accessibility5 min read
Contrast is not a checkbox
Passing a contrast checker is the beginning of legible design, not the end of it. Weight, size, surrounding colour and screen conditions all move the result after the ratio says you are fine.
Contrast checking tools are genuinely useful and I run one on every project. They are also the reason a lot of designers believe accessibility is a solved problem the moment a number turns green, which leads to interfaces that are technically compliant and practically hard to read.
The ratio does not know how you set the type
A contrast ratio compares two colours. It has no idea that you used them at thirteen pixels in a light weight with wide letter-spacing on a screen someone is reading outdoors. The same pair of colours can be comfortable as a heading and genuinely difficult as a caption, and the checker returns the identical number for both.
- Light and thin weights lose far more legibility than the ratio suggests. Below a regular weight, treat the minimum as a floor you should be well above.
- Small text needs more contrast than the standard demands, not exactly the amount it demands.
- Placeholder text, helper text and disabled states are where compliance quietly collapses, because they are designed to look secondary and that instinct is applied without measuring.
- Text over an image passes or fails per pixel. A gradient scrim is not decoration, it is the thing making the text readable.
Dark interfaces have their own trap
On a dark canvas, pure white body text passes every check and still causes halation, where the letterforms appear to bleed for readers with astigmatism. A slightly softened foreground is usually more comfortable to read for longer, while remaining far above the threshold. The number gets marginally worse and the experience gets better, which no automated tool will ever tell you.
The ratio tells you whether two colours can be distinguished. It does not tell you whether a sentence can be read.
What to do instead of only checking
Test the real page, not swatches. Look at it on an actual phone at full brightness, then at the lowest brightness you would use at night. Zoom the browser to two hundred percent and confirm nothing overlaps or scrolls sideways. Tab through the entire page and watch where the focus indicator goes, because a focus state that is invisible against its own background is a contrast failure the checker was never pointed at.
None of this takes long, and all of it catches things a ratio cannot. Compliance is the floor. Legibility is the actual goal, and it is a design judgement that you still have to make yourself.
Written by Philipp Roth
Owner of KOMUNIQUE — Web Design Agency