Contrast Checker
Voer een tekst- en achtergrondkleur in om de WCAG-contrastverhouding te zien en te controleren welke AA- en AAA-niveaus worden behaald.
Elke controle wordt in je browser uitgevoerd. Niets van wat je invoert, wordt geüpload naar BroBroGo.
Veelgestelde vragen
Wat betekenen de resultaten voor AA and AAA?
AA is het niveau waar de meeste websites naar streven: dit vereist een contrastverhouding van minimaal 4,5:1 voor normale tekst en 3:1 voor grote tekst. AAA is strenger: 7:1 voor normale tekst en 4,5:1 voor grote tekst. De verhouding loopt van 1:1 (geen contrast) tot 21:1 (zwart op wit).
Wat telt als grote tekst?
Tekst vanaf 18pt (ongeveer 24px), of 14pt (ongeveer 18,5px) als deze vetgedrukt is. Grotere tekst blijft leesbaar bij een lager contrast, waardoor deze al voldoet aan AA bij 3:1 en AAA bij 4,5:1, in plaats van de strengere drempels voor normale tekst.
Welke kleurformaten kan ik invoeren?
Typ een hex-waarde zoals #1a1a1a, een rgb()-waarde zoals rgb(26, 26, 26), of een hsl()-waarde — of klik op een van de kleurvlakken om een kleur te kiezen. Gebruikt de wisselknop om de tekst- en achtergrondkleur om te draaien.
Gebruikt dit WCAG 2 of de nieuwere APCA-methode?
Deze tool gebruikt de WCAG 2.1 / 2.2-formule, de standaard waar toegankelijkheidsrichtlijnen en audits tegenwoordig naar verwijzen. APCA is een nieuwere methode die beter aansluit bij de menselijke waarneming en momenteel wordt ontwikkeld voor WCAG 3. Dit is echter nog geen officiële nalevingsstandaard, dus de resultaten hier gebruiken deze methode nog niet.