Kleurcontrast controleren
Zorg dat je tekst voor iedereen leesbaar is.
Kies een tekstkleur en een achtergrondkleur om hun contrastverhouding te zien en of ze aan de WCAG 2-niveaus voldoen: AA en AAA voor normale en grote tekst, en het minimum van 3:1 voor pictogrammen en bedieningselementen. Het voorbeeld toont echte tekst in beide kleuren en één klik wisselt ze om.
Zo kun je kleurcontrast controleren
- Stap 1
Voer de tekst- en achtergrondkleur in.
- Stap 2
Lees de contrastverhouding en de WCAG-resultaten.
- Stap 3
Pas de kleuren aan tot elk benodigd niveau slaagt.
Waarom PhotoTools
WCAG 2-niveaus
AA en AAA voor normale en grote tekst.
Live voorbeeld
Echte tekst in jouw kleuren.
Elk formaat
HEX, RGB, HSL of kleurnamen.
Ondersteunde formaten
Uitvoer
- WCAG
Veelgestelde vragen
Welk contrast heb ik nodig?
WCAG AA vraagt 4,5:1 voor normale tekst en 3:1 voor grote tekst (18 pt, of 14 pt vet) en bedieningselementen; AAA vraagt 7:1 en 4,5:1.
Is de uitkomst gelijk aan andere checkers?
Ja. Hij gebruikt de WCAG 2-formule voor relatieve luminantie, dezelfde als de ontwikkelaarstools van browsers.
Is dit gratis?
Ja. De browsertools van PhotoTools zijn gratis, zonder limieten en zonder account.