Welk kleurcontrast moet mijn website hebben?

Gewone tekst vraagt 4,5:1, grote tekst 3:1

Voor de meeste tekst op een website geldt een minimale contrastverhouding van 4,5 staat tot 1 tussen de tekstkleur en de achtergrondkleur. Voor grote tekst — vanaf ongeveer 18 punt, of vanaf 14 punt bij vet gedrukte tekst — volstaat een verhouding van 3 staat tot 1. Diezelfde ondergrens van 3 staat tot 1 geldt ook voor onderdelen van de bedieningsinterface, zoals de rand van een invoerveld of een knop, en voor grafische elementen die nodig zijn om iets te begrijpen, zoals een icoon zonder bijschrift.

Niet alles valt onder deze eis. Tekst in een logo, tekst die zuiver decoratief is en geen betekenis draagt, en tekst die toevallig op een foto staat zonder functie, zijn uitgezonderd. Ook een bedieningselement dat uitgeschakeld is — een grijze knop die op dat moment niet aanklikbaar is — hoeft niet aan de norm te voldoen. Een automatische scan is goed in staat contrastverhoudingen te meten en tegen de norm af te zetten, maar het beoordelen van deze uitzonderingen — is dit icoon decoratief, hoort deze tekst bij een logo — vraagt een menselijke blik, en dat is precies het deel dat een scan niet dekt.

Dit staat in WCAG 2.1, succescriteria 1.4.3 en 1.4.11

Deze eisen komen rechtstreeks uit WCAG 2.1, het toetsingskader waarop EN 301 549 in de praktijk neerkomt. Succescriterium 1.4.3, Contrast (Minimum), stelt de grens van 4,5 staat tot 1 voor gewone tekst en 3 staat tot 1 voor grote tekst. Succescriterium 1.4.11, Contrast van niet-tekstuele content, stelt dezelfde ondergrens van 3 staat tot 1 voor onderdelen van de gebruikersinterface en voor grafische objecten die nodig zijn om hun functie te begrijpen. Beide criteria horen bij niveau AA, het niveau dat de richtlijn als eis stelt.