Narzędzia / 03
Tester kontrastu WCAG
Sprawdź dwa kolory według progów WCAG dla tekstu i elementów interfejsu.
Przejdź do narzędzia ↓Ładowanie interaktywnej części…
Jak z tego korzystać
- 01
Wybierz kolor tekstu i tła albo wklej dokładne wartości szesnastkowe.
- 02
Poziom AA wymaga co najmniej 4,5:1 dla zwykłego tekstu oraz 3:1 dla dużego tekstu i istotnych elementów interfejsu.
- 03
Sprawdź też realne stany — najechanie, fokus, nieaktywne kontrolki i tekst umieszczony na zdjęciu.
Czy sam kontrast wystarczy, aby strona była dostępna?
Nie. Kontrast jest jednym z wielu wymagań obok obsługi klawiaturą, struktury, etykiet, alternatyw i przewidywalnego działania.
Co WCAG uznaje za duży tekst?
To co najmniej 18 punktów dla zwykłego kroju albo 14 punktów dla pogrubionego. W gotowym interfejsie trzeba poprawnie odnieść te wartości do pikseli CSS i grubości fontu.