Kleurtoegankelijkheidschecker
Controleer kleurcontrastverhoudingen volgens WCAG 2.1-richtlijnen. Test AA- en AAA-conformiteit voor normale en grote tekst. Gratis, 100% in je browser.
Voorbeeld grote tekst (18pt+)
Voorbeeld normale tekst — controleer de leesbaarheid tegen de achtergrondkleur.
Referentie
Wat is WCAG-kleurcontrast?
De Web Content Accessibility Guidelines (WCAG) 2.1 definiëren minimale contrastverhoudingen om ervoor te zorgen dat tekst leesbaar is voor mensen met visuele beperkingen. De contrastratio varieert van 1:1 (geen contrast) tot 21:1 (maximaal, zwart op wit). Ongeveer 8% van de mannen en 0,5% van de vrouwen heeft een vorm van kleurzienstoornis, waardoor voldoende contrast essentieel is voor inclusief ontwerp.
WCAG-conformiteitsniveaus
AA — Normale tekst: minimale contrastratio 4,5:1 (meest voorkomende vereiste). AA — Grote tekst: minimaal 3:1 (groot = 18pt/24px normaal of 14pt/18,5px vet). AAA — Normale tekst: minimaal 7:1 (verbeterd, aanbevolen voor hoofdtekst). AAA — Grote tekst: minimaal 4,5:1. De meeste toegankelijkheidswetten en -normen (ADA, Section 508, EN 301 549) verwijzen naar WCAG AA als de minimumvereiste.
Hoe de contrastratio wordt berekend
De contrastratio gebruikt relatieve luminantiewaarden afgeleid van sRGB-kleuren. Elk kleurkanaal (R, G, B) wordt gelineariseerd: als de sRGB-waarde ≤ 0,04045, deel door 12,92; anders bereken ((waarde + 0,055) / 1,055)^2.4. Luminantie = 0,2126·R + 0,7152·G + 0,0722·B. De contrastratio = (L1 + 0,05) / (L2 + 0,05), waarbij L1 de luminantie van de lichtere kleur is en L2 van de donkerdere.
Privacy
Alle berekeningen draaien 100% in je browser. Er worden geen gegevens naar een server gestuurd.