WCAG-kleurcontrastchecker

Veelgestelde vragen

Wat is een contrastverhouding en hoe wordt die berekend?

De contrastverhouding is een numerieke maat voor het luminantieverschil tussen twee kleuren, zoals gedefinieerd door WCAG 2.1. Hij loopt van 1:1 (identieke kleuren, geen contrast) tot 21:1 (puur zwart op puur wit). De formule is (L1 + 0,05) / (L2 + 0,05), waarbij L1 en L2 de relatieve luminanties zijn van respectievelijk de lichtere en de donkere kleur.

Wat is het verschil tussen WCAG AA en AAA?

WCAG AA is het wettelijke minimum voor digitale toegankelijkheid in de meeste landen — het vereist 4,5:1 contrast voor normale tekst en 3:1 voor grote tekst. WCAG AAA is de verhoogde norm en vereist 7:1 voor normale tekst en 4,5:1 voor grote tekst. Het is ideaal voor doelgroepen met slechtziendheid of leesproblemen. De meeste nalevingswetten verplichten AA; AAA is een best-practicedoel.

Wat geldt als "grote tekst" volgens WCAG?

WCAG definieert grote tekst als 18pt (24px) of groter bij normaal gewicht, of 14pt (ongeveer 18,67px) of groter bij vet gewicht. Omdat grotere tekst van nature makkelijker te lezen is bij lager contrast, hanteert WCAG een lagere drempel. Alles onder deze groottes moet voldoen aan de strengere norm van 4,5:1 (AA) of 7:1 (AAA).

Waarom tonen kleurenblindheidssimulaties andere contrastverhoudingen?

Kleurenblindheidssimulaties transformeren je kleuren via een perceptueel model (Machado 2009, ernst 1.0), toegepast in lineaire sRGB-ruimte. De resulterende gesimuleerde RGB-waarden kunnen andere relatieve luminanties hebben dan de originelen, wat de berekende contrastverhouding verandert. Een paar dat voor normaal zicht slaagt voor WCAG AA, kan tekortschieten voor protanope of deuteranope gebruikers — deze tool brengt die gaten aan het licht.

Stuurt deze tool mijn kleurgegevens ergens heen?

Nee. Elke berekening — contrastverhouding, beoordeling van het WCAG-label, kleurenblindheidssimulatie en fixsuggesties — draait volledig in je browser via JavaScript. Er worden nooit kleurwaarden verzonden naar AppicLab-servers of derden.

Hoe gebruik ik de auto-fixsuggesties?

Als je kleurenpaar zakt voor WCAG AA, toont het suggestiepanel de kleinste lichtheidsaanpassing van de tekst- of achtergrondkleur die de doelverhouding bereikt, met behoud van de oorspronkelijke tint en verzadiging. Klik op "Toepassen" om het live te bekijken, of kopieer de hexcode direct. Klik op het dobbelsteenicoon om een gloednieuw geslaagd palet willekeurig te genereren.

Kan zakkend kleurcontrast leiden tot een boete of rechtszaak?

Ja. In de Verenigde Staten is de ADA (Americans with Disabilities Act) toegepast op websites, en bedrijven hebben rechtszaken gehad — waaronder federale rechtszaken — vanwege ontoegankelijk kleurcontrast. In de EU vereist de European Accessibility Act (EAA) dat de meeste digitale producten en diensten vanaf juni 2025 voldoen aan WCAG 2.1 AA, met sancties per lidstaat bij overtredingen. De Britse Equality Act 2010 kent vergelijkbare verplichtingen. Sites van de overheid en publieke sector kennen de strengste handhaving. Voldoen aan WCAG AA-contrast is een van de minst arbeidsintensieve manieren om je juridische risico te verkleinen.

Bronnen

• WCAG 2.1 Succescriterium 1.4.3 (Minimumcontrast) — de W3C-toegankelijkheidsnorm die de contrastdrempels van 4,5:1 en 7:1 definieert die deze tool gebruikt.
• Machado, Oliveira & Fernandes (2009) — Simulatie van kleurzienstoornissen — het fysiologisch onderbouwde kleurenblindheidssimulatiemodel achter de previews voor protanopie / deuteranopie / tritanopie.