Kleur als enige aanwijzing: wat je klant niet ziet
Een deel van je bezoekers ziet kleuren anders dan jij. En het gaat verder dan dat: wie op een zonnig terras zit of een schermlezer gebruikt, mist kleur ook.
De regel
Kleur mag nooit de enige manier zijn waarop je informatie overbrengt (WCAG 1.4.1). Er moet altijd iets bij: een woord, een pictogram, een streep, een vorm.
Waar het in een webshop zit
- Voorraad. Een groen of rood bolletje. Zet het woord erbij: "op voorraad", "uitverkocht".
- Verplichte velden met een rood sterretje zonder uitleg. Zet erbij wat het sterretje betekent, of schrijf "(verplicht)" in het label.
- Foutmeldingen die alleen een rood randje om het veld zetten. Zonder tekst weet niemand wat er mis is.
- Maten die niet leverbaar zijn, aangegeven met een lichtere kleur. Voeg een streep door de maat toe, of het woord "uitverkocht".
- Links in lopende tekst. Bij 19 van de 70 gemeten shops waren links in een alinea alleen aan hun kleur te herkennen, op 174 plekken. Onderstrepen lost het op.
Contrast is iets anders
Deze regel gaat over het verschil tussen twee betekenissen. Contrast gaat over het verschil tussen tekst en achtergrond, en dat is een aparte eis (1.4.3), die we bij 67 van de 70 shops zagen misgaan. Daarover schreven we apart.
Zo controleer je het
Zet je scherm in grijstinten. Op een Mac: Systeeminstellingen, Toegankelijkheid, Beeldscherm, Kleurfilters. Op Windows: Instellingen, Toegankelijkheid, Kleurfilters. Loop dan je productpagina en je winkelwagen door. Alles wat je dan niet meer kunt onderscheiden, hangt van kleur af.
Bronnen
- Eigen meting bij 70 Nederlandse webshops, 14 september 2026: link-in-text-block bij 19 shops (174 plekken), contrast bij 67 shops
- WCAG 2.1, succescriteria 1.4.1 Gebruik van kleur en 1.4.3 Contrast (minimum)