Lichtgrijze tekst op een witte achtergrond, een knop in een net iets te flauwe kleur: het ziet er soms stijlvol uit, maar voor veel mensen wordt het lezen er lastig van. Kleurcontrast bepaalt of je tekst voor iedereen leesbaar blijft, ook voor wie wat minder goed ziet of op een fel verlicht scherm kijkt. In dit artikel leg ik uit waarom contrast belangrijk is en hoe je het goed regelt.
Wat contrast doet
Contrast is het verschil tussen de kleur van je tekst en de achtergrond. Hoe groter dat verschil, hoe makkelijker tekst leest. Donkere tekst op een lichte achtergrond leest het prettigst. Wordt het verschil te klein, dan moet het oog moeite doen en haakt de lezer af. Wat voor jou op je eigen scherm nog net leesbaar is, kan voor een ander al te flets zijn.
Voor wie het uitmaakt
Mensen met minder scherp zicht
Een groeiende groep heeft wat moeite met zien. Voor hen is voldoende contrast geen luxe maar voorwaarde.
Iedereen buiten
In fel zonlicht op een telefoon valt flauwe tekst zo goed als weg. Genoeg contrast houdt je site ook dan leesbaar.
Snelle lezers
Wie even scant, leest alleen vlot wat duidelijk afsteekt. Te weinig contrast kost je dus ook bij haastige bezoekers.
Goed contrast is geen extra voor een kleine groep, maar comfort voor iedereen die je site leest.
Let ook op tekst op beeld
Tekst over een foto is een veelgemaakte valkuil. Op het ene deel van de afbeelding is het leesbaar, op het andere verdwijnt het. Leg in dat geval een donkere of lichte laag over de foto, zodat de tekst altijd genoeg afsteekt. Of zet de tekst gewoon naast het beeld in plaats van erover. Leesbaarheid gaat voor het mooie plaatje.
Niet alleen kleur als signaal
Een verwante valkuil is informatie alleen met kleur aangeven, bijvoorbeeld een rode rand om aan te geven dat iets fout is. Wie kleuren slecht onderscheidt, mist dat signaal. Voeg daarom altijd iets toe naast de kleur: een woord, een teken of een duidelijke melding. Zo begrijpt iedereen wat er bedoeld wordt, los van hoe hij kleuren ziet.
Tot slot
Genoeg kleurcontrast houdt je tekst leesbaar voor iedereen, in elke situatie. Let op tekst op beeld en leun niet alleen op kleur om iets duidelijk te maken. Het kost je niets aan uitstraling en levert leesbaarheid op. Twijfel je of jouw site genoeg contrast heeft? Laat het me bekijken.
Verder lezen: Een toegankelijke website: bruikbaar voor iedereen · Kleur en merk: je bedrijf herkenbaar online