Snel contrast checken, zonder gedoe
In de tool kun je eenvoudig twee kleuren testen door de kleurcodes in te vullen of met het pipetje te selecteren. Daarna zie je direct of je combinatie voldoet aan WCAG 2.2 op niveau AA en AAA, inclusief een live voorbeeld van tekst op de gekozen achtergrond.
Niet alleen meten, ook verbeteren
Vaak zit je huisstijl net onder de grens. Dan is het handig als je niet opnieuw hoeft te gokken. Daarom geven we ook suggesties waarmee je snel richting een toegankelijke variant gaat, zodat je eenvoudiger kunt voldoen aan de WCAG-criteria rondom kleurcontrast zoals 4,5:1 (normale tekst), 3,0:1 (grote of dikgedrukte tekst) en 7,0:1 (AAA voor normale tekst).
Voor wie is dit handig?
- Designers die snel kleurencombinaties willen toetsen tijdens het ontwerpen
- Developers die states willen checken (hover, focus, disabled)
- Contentteams die zeker willen weten dat tekst op banners, kaarten of callouts leesbaar blijft
- Iedereen die “net genoeg” wil voorkomen en liever direct goed zit
Klik om de contrast checker direct uit te proberen.