Darmowe narzędzia online
Sprawdzanie kontrastu kolorów WCAG
Podaj kolor tekstu i tła. Narzędzie policzy współczynnik kontrastu i pokaże, czy spełniasz wymagania WCAG na poziomach AA i AAA.
Współczynnik kontrastu
15.79:1
| AA | AAA | |
|---|---|---|
| Zwykły tekst | Zalicza | Zalicza |
| Duży tekst | Zalicza | Zalicza |
| Elementy interfejsu | Zalicza | — |
Podgląd
Przykładowy tekst na wybranym tle
Przykładowy tekst na wybranym tle
Dane nie opuszczają Twojej przeglądarki. Nic nie wysyłamy na serwer.
Jak korzystać
- Wybierz kolor tekstu i tła z próbnika lub wpisz kod szesnastkowy.
- Odczytaj współczynnik kontrastu.
- Sprawdź wyniki dla zwykłego tekstu, dużego tekstu i elementów interfejsu.
- Jeśli test nie przechodzi, przyciemnij lub rozjaśnij jeden z kolorów i sprawdź ponownie.
Progi kontrastu w WCAG
Poziom AA wymaga kontrastu co najmniej 4,5:1 dla zwykłego tekstu i 3:1 dla dużego tekstu oraz elementów interfejsu, jak ramki pól czy ikony. Poziom AAA podnosi wymagania do 7:1 dla zwykłego tekstu i 4,5:1 dla dużego.
Co to jest duży tekst
WCAG uznaje za duży tekst od 24 pikseli, czyli 18 punktów, albo od około 18,7 piksela pogrubiony. Mniejszy tekst musi spełniać wyższy próg.
Dlaczego to ważne
Niski kontrast utrudnia czytanie osobom słabowidzącym, ale też każdemu przy słońcu na ekranie telefonu. Dostępność jest też wymogiem prawnym dla wielu serwisów w Unii Europejskiej. Kontrast to najtańsza poprawka o największym efekcie.
Najczęstsze pytania
Potrzebujesz więcej niż narzędzia?
Jeśli stoi za tym większy projekt, strona, sklep albo aplikacja, opisz go w krótkim briefie. Odpowiadamy konkretnie i bez zobowiązań.
Opisz projekt