Contrast: de goedkoopste winst die er is
Van alle fouten die we vinden is contrast de meest voorkomende én de goedkoopste om op te lossen. Het is bijna altijd een ontwerpkeuze die niemand heeft nagemeten.
Waar het om gaat
WCAG vraagt een contrast van minstens 4,5 op 1 tussen tekst en achtergrond. Voor grote tekst, vanaf ongeveer 24 pixels of 19 pixels vet, volstaat 3 op 1. Dat is geen esthetisch oordeel, het is een meetbare verhouding tussen twee kleuren.
Waarom het zo vaak misgaat
Lichtgrijze tekst op wit ziet er in een ontwerpprogramma rustig en duur uit. Op een telefoon in de zon is hij weg. Ontwerpers werken op gekalibreerde schermen in een verduisterde ruimte; klanten bestellen op een spoorwegperron.
In onze steekproef van 30 Nederlandse webshops zat contrast bij 24 fout, in totaal 513 keer op de homepages alleen. Bij de zwaarste shop 73 keer op één pagina. En het zit vaak precies waar het niet mag: bij prijzen, bij kortingen en bij de kleine lettertjes met de verzendkosten.
Hoe je het oplost
Meestal gaat het om drie tot vijf kleurwaarden in de stylesheet: de "lichtgrijze" tekst, de placeholder in formuliervelden, de bijschriften en de tekst op gekleurde knoppen. Een tint donkerder is vaak genoeg. Van #999999 naar #767676 op wit haalt je van 2,8 op 1 naar 4,5 op 1, en het ontwerp ziet er nauwelijks anders uit.
Let op knoppen met witte tekst op een felle kleur. Oranje, lichtblauw en groen halen de norm meestal niet. Een iets donkerder tint van dezelfde kleur lost het op zonder dat je huisstijl verandert.
Wat het je oplevert
Dit is niet alleen een toegankelijkheidsprobleem. Tekst die niemand kan lezen wordt door niemand gelezen. Als je verzendkosten onleesbaar zijn, krijg je daar achteraf discussie over. Als je kortingscode in lichtgrijs staat, mist een deel van je klanten hem.
Bronnen
- Eigen meting met axe-core over 30 Nederlandse webshops, september 2026
- WCAG 2.1, succescriterium 1.4.3 Contrast (minimum)