WCAG Kleurcontrast Checker

Test je kleurencombinaties voor webtoegankelijkheid

Gebruik de WCAG Kleurcontrast Checker om de contrastverhouding tussen tekst en achtergrondkleur te controleren. Voor de Nederlandse wetgeving gelden de criteria van WCAG niveau AA.

Hulp nodig bij digitale toegankelijkheid? Chent Creative voert digitale toegankelijkheidsonderzoeken uit voor websites, webshops en apps.

Live voorbeeld

Kleurcontrast voor websites en apps

Tekstueel contrast staat in de WCAG om te zorgen dat tekst leesbaar is voor zoveel mogelijk mensen, waaronder mensen met lage gezichtsscherpte, kleurenblindheid, of in lastige kijkomstandigheden (zoals zonlicht, kleine schermen, vermoeidheid). Voldoende contrast verlaagt de cognitieve inspanning en voorkomt fouten bij het lezen en bedienen.

Daarom eisen de richtlijnen minimale contrastverhoudingen (1.4.3 AA, 1.4.6 AAA) voor tekst en afbeeldingen van tekst. Zo blijft informatie toegankelijk en betrouwbaar, ongeacht lettertype, leeftijd van de gebruiker of omgevingslicht. Voor niet-tekstuele onderdelen zoals iconen/randen geldt 1.4.11 AA.

8.50:1
Contrastratio

Toegankelijkheidsnormen

Normale tekst AA (4,5:1) Voldoet
Grote tekst AA (3,0:1) Voldoet
Niet-tekstuele content AA (3,0:1) Voldoet
Normale tekst AAA (7,0:1) Voldoet
Grote tekst AAA (4,5:1) Voldoet

Veelgestelde vragen

Wat is WCAG en waarom is het belangrijk?

WCAG staat voor Web Content Accessibility Guidelines. Deze internationale richtlijnen zorgen ervoor dat websites en apps toegankelijk zijn voor iedereen, inclusief mensen met een beperking. In Nederland is WCAG niveau AA wettelijk verplicht voor veel organisaties.

Wat is het verschil tussen AA en AAA?

AA en AAA zijn conformiteitsniveaus van WCAG. Niveau AA is de standaard voor de meeste websites en vereist een contrastratio van minimaal 4,5:1 voor normale tekst. Niveau AAA is strenger en vereist 7,0:1, wat een hoger niveau van toegankelijkheid biedt.

Wanneer geldt een tekst als "groot"?

Grote tekst is gedefinieerd als tekst van minimaal 18pt (24px) voor normale tekst, of 14pt (19px) voor dikgedrukte tekst (font-weight 700 of hoger). Voor grote tekst gelden lagere contrastvereisten.

Wat valt onder niet-tekstuele content?

Niet-tekstuele content omvat UI-componenten zoals de randen van formuliervelden, iconen, grafieken, knoppen en andere visuele elementen die informatie overbrengen of interactief zijn. Hiervoor geldt een minimale contrastratio van 3,0:1 volgens WCAG 1.4.11.

Hoe voldoe ik aan de wetgeving rondom digitale toegankelijkheid?

De eerste stap is in beeld brengen hoe de huidige situatie is. Dit helpt om de verbeterpunten te verzamelen en dient als basis voor de toegankelijkheidsverklaring. Vraag vrijblijvend een offerte aan voor een toegankelijkheidsonderzoek om vandaag nog te starten.

Ook deze website maakt (nog) gebruik van cookies

Momenteel gebruikt Chent.nl nog cookies voor marketingdoeleinden. Door de website te gebruiken ga je akkoord met het gebruik van cookies. Lees meer hierover in de privacy policy.