Tool · WCAG 1.4.3
Contrast checker WCAG: contrastverhouding tekst en achtergrond
Te lichte tekst is een van de meest voorkomende drempels – en geen HTML-test vindt hem betrouwbaar. Controleer elke kleurcombinatie in seconden.
Eerst meten, dan oplossen. De gratis check laat in seconden zien wat er in de HTML van je webshop ontbreekt. Het EAA Webshop Kit (€ 29) bevat herstelcode voor elke bevinding, een generator voor de toegankelijkheidsverklaring en een checklist voor alles wat een tool niet vindt.
Webshop gratis controlerenKit kopenRapport (€ 59)Contrastchecker
Normale tekst: In winkelwagen
Grote tekst: € 29,90
Typische valkuilen in webshops
- Lichtgrijze placeholders in zoekveld en formulieren.
- Witte tekst op pastelkleurige knoppen.
- Doorgestreepte oude prijzen in lichtgrijs.
- Tekst op foto's zonder donkere laag.
- Focuskaders die nauwelijks opvallen.
Veelgestelde vragen
Welk contrast vraagt WCAG?
Niveau AA vraagt minstens 4,5:1 voor normale tekst en 3:1 voor grote tekst (vanaf 24 px, of 18,66 px vet) en voor bedieningselementen. Niveau AAA vraagt 7:1 en 4,5:1.
Hoe wordt de verhouding berekend?
Met de WCAG-formule: relatieve luminantie van beide kleuren, verhouding = (lichtere + 0,05) / (donkerdere + 0,05).
Eerst meten, dan oplossen. De gratis check laat in seconden zien wat er in de HTML van je webshop ontbreekt. Het EAA Webshop Kit (€ 29) bevat herstelcode voor elke bevinding, een generator voor de toegankelijkheidsverklaring en een checklist voor alles wat een tool niet vindt.
Webshop gratis controlerenKit kopenRapport (€ 59)