Lichtgrijze tekst op een witte achtergrond oogt rustig en modern. Tot iemand met een gewone telefoon in de zon staat, of een bril nodig heeft, of gewoon moe is na een lange dag. Dan wordt diezelfde tekst plotseling onleesbaar. Contrast is een van de stilste valkuilen in webdesign: het ziet er op jouw scherm prima uit, maar voor een deel van je bezoekers niet.
Waarom contrast meer dan smaak is
Tekst moet voldoende afsteken tegen de achtergrond om vlot te lezen. Hoe groter het verschil tussen letter en ondergrond, hoe minder moeite het kost. Een te subtiel grijs vraagt extra inspanning, en wie moeite moet doen om te lezen, leest minder of haakt af. Goede leesbaarheid is dus niet alleen netjes, het houdt mensen op je pagina.
Niet iedereen ziet hetzelfde
Een flink deel van de mensen ziet kleuren of contrast anders dan jij. Ouderen, mensen met kleurenblindheid of een visuele beperking, maar ook iemand die buiten op een fel scherm kijkt. Ontwerp je voor genoeg contrast, dan ontwerp je voor al die mensen tegelijk, zonder dat het je ontwerp lelijker maakt.
Een ontwerp dat alleen op jouw scherm in jouw kamer klopt, klopt eigenlijk nergens. Test het in het echt.
Praktische richtlijnen
Gebruik voor gewone tekst een donkere kleur op een lichte achtergrond, of andersom, met een ruim verschil. Vermijd lichtgrijs op wit voor belangrijke tekst. Leun niet alleen op kleur om iets aan te duiden: een rode en groene knop zien er voor sommige mensen identiek uit. Voeg dan ook een woord of een icoon toe.
Test zonder gereedschap
De simpelste controle: zet je schermhelderheid laag en kijk of alles nog leesbaar is. Of bekijk je site buiten op je telefoon. Wat dan nog goed leest, leest binnen zeker goed. Er zijn ook gratis hulpmiddelen die het contrast meten, maar je ogen en een fel scherm brengen je al een heel eind.
Leesbaarheid is een van de goedkoopste manieren om je site beter te maken voor iedereen. Wil je weten of jouw site goed leest? Neem contact op.
Verder lezen: Toegankelijk webdesign · Kleurgebruik op je website