Contrast Checker
Controleer WCAG AA en AAA conformiteit voor elke combinatie van tekst- en achtergrondkleuren.
Text color
Background color
Large Text Example (18pt+)
Normal text: The quick brown fox jumps over the lazy dog. This is regular body text to test readability and contrast against the selected background color.
Large text = 18pt (24px) normal or 14pt (18.67px) bold. WCAG 2.1 guidelines. AA is the minimum standard; AAA is enhanced.
Wat is WCAG-contrastvereiste?
WCAG definieert minimale contrastverhoudingen tussen tekst en achtergrond om leesbaarheid te garanderen voor mensen met een visuele beperking. Niveau AA vereist ten minste 4,5:1 voor normale tekst en 3:1 voor grote tekst. Niveau AAA is de uitgebreide norm met 7:1 en 4,5:1.
AA of AAA - wat moet je nastreven?
AA is het wettelijk minimum voor de meeste toegankelijkheidsregelgeving (EN 301 549 in Europa, Section 508 in de VS). AAA is de gouden standaard. De meeste teams streven naar AA voor alle tekst en AAA voor bodytekst waar mogelijk.
Wat telt als "grote tekst"?
WCAG definieert grote tekst als 18pt (24px) of groter in normaal gewicht, of 14pt (18,67px) in vet. Grote tekst profiteert van een ruimere contrastverhouding (3:1 voor AA) omdat de grootte zelf de leesbaarheid verbetert.
Hoe dit hulpmiddel te gebruiken
Kies je tekst- en achtergrondkleur met de kleurkiezers of typ hexadecimale codes in. De contrastverhouding werkt direct bij en alle vier WCAG-controles tonen Geslaagd of Niet geslaagd in realtime. Gebruik de wisselknop om kleuren om te draaien.