Zo werkt het
De contrastverhouding vergelijkt de helderheid (relatieve luminantie) van twee kleuren, van 1:1 (geen verschil) tot 21:1 (zwart op wit). De richtlijnen voor toegankelijke websites, de WCAG 2.2, vragen voor gewone tekst minstens 4,5:1 (niveau AA). Grote tekst, vanaf 24 pixels of 18,66 pixels vet, mag 3:1. Dat helpt mensen die slechtziend zijn, kleurenblind of ouder, maar ook iedereen die in fel zonlicht naar een scherm kijkt.
Veelgemaakte fouten
- Lichtgrijze tekst op wit. Populair in strakke ontwerpen, maar #999999 op wit haalt maar 2,8:1.
- Witte tekst op een felle kleur. Wit op geel, lichtgroen of oranje is bijna altijd te zwak.
- Tekst over een foto. Het contrast wisselt over de foto. Leg een donkere laag tussen tekst en foto.
- Placeholders in formulieren. De lichtgrijze voorbeeldtekst in invulvelden haalt vaak de norm niet en verdwijnt bij het typen.
Lees meer over de regels in een toegankelijke website.
Veelgestelde vragen
Welk contrast is genoeg?
Volgens WCAG 2.2 niveau AA moet gewone tekst een contrastverhouding van minstens 4,5:1 hebben en grote tekst (vanaf 24 pixels, of 18,66 pixels vet) minstens 3:1. Voor niveau AAA is dat 7:1 en 4,5:1. Pictogrammen en randen van invoervelden hebben minstens 3:1 nodig.
Is contrast wettelijk verplicht?
Voor overheden in de EU wel, en sinds 28 juni 2025 ook voor de meeste webshops en andere digitale diensten aan consumenten door de Europese toegankelijkheidsrichtlijn. Zeer kleine ondernemingen die diensten aanbieden zijn uitgezonderd. Voldoende contrast is een van de basisvereisten.