Leesbaarheid en contrast: is je website makkelijk te lezen?

Tekst die moeilijk te lezen is, maakt een website onprofessioneel, ook als bezoekers niet kunnen zeggen waarom. Lichtgrijs op wit, dunne letters, kleine lettergroottes en koppen over drukke foto's vragen allemaal meer moeite van bezoekers. Veel van hen doen die moeite niet. Deze gids behandelt de regels voor leesbare tekst en hoe je je eigen site controleert.

De contrastregel

De Web Content Accessibility Guidelines (WCAG) stellen een minimumcontrast tussen tekst en achtergrond, uitgedrukt als verhouding van 1:1 (geen contrast) tot 21:1 (zwart op wit). Succescriterium 1.4.3 vraagt om (W3C):

Minstens 4,5:1 voor normale tekst
Minstens 3:1 voor grote tekst: minstens 18 punt, of 14 punt vet. In CSS-pixels is dat ongeveer 24px, of 18,5px vet.

Logo's en puur decoratieve tekst hebben geen eis.

Ter indicatie: op een witte achtergrond scoort het lichtgrijs #999999 ongeveer 2,8:1 en zakt dus. #767676 is ongeveer het lichtste grijs dat voor normale tekst slaagt, met 4,5:1. Veel ontwikkelaarstools in browsers en gratis online checkers tonen de verhouding als je twee kleuren kiest.

Wie zich eraan moet houden

De WCAG-regels zijn geschreven voor toegankelijkheid, maar leesbare tekst helpt elke bezoeker: op een telefoon in de zon, op een goedkoop scherm of met vermoeide ogen.

Soms zijn de regels ook een wettelijke eis. Sinds 28 juni 2025 verplicht de European Accessibility Act veel diensten voor consumenten, waaronder webwinkels, om toegankelijk te zijn. Micro-ondernemingen die diensten aanbieden, met minder dan 10 medewerkers en maximaal € 2 miljoen jaaromzet, zijn uitgezonderd. Controleer de regels voor jouw situatie, bijvoorbeeld op KVK Ondernemersplein.

Meer dan contrast

Lettergrootte. Lopende tekst die op een laptop prettig leest, kan op een telefoon piepklein zijn. Controleer je eerste scherm op mobiel.
Tekst op foto's. Een kop over een afbeelding kan op de ene plek de contrastcheck halen en op een andere niet. Een donkere laag of een effen achtergrond achter de tekst lost dat op.
Dunne letters. Lichte letterdiktes verliezen contrast, vooral in kleine maten.
Regellengte. Heel lange regels op brede schermen lezen vermoeiend. Beperk de breedte van tekstblokken.
Te veel stijlen. Meerdere lettertypes, kleuren en maten op één scherm maken een pagina rommelig. Hooguit twee of drie lettertypes.

Wat het doet met de eerste indruk

Bezoekers meten geen contrast, maar ze merken het als lezen moeite kost. Je ziet het terug in een lagere score op Oogt het professioneel?, en als de kop zelf moeilijk leesbaar is, op Snap ik wat dit is?. Op StayOrBounce zien reviewers je site op zowel een laptop- als een telefoonscherm, dus problemen die alleen op mobiel spelen komen ook boven.