Sprawdzanie kontrastu
Narzędzie do sprawdzania kontrastu oblicza współczynnik kontrastu WCAG 2.1 między kolorem tekstu a kolorem tła i pokazuje, czy para spełnia AA i AAA dla zwykłego i dużego tekstu.
O tym narzędziu
Narzędzie do sprawdzania kontrastu oblicza współczynnik kontrastu WCAG 2.1 między kolorem tekstu a kolorem tła i pokazuje, czy para spełnia AA i AAA dla zwykłego i dużego tekstu.
Jak używać
- Wpisz lub wybierz kolor tekstu.
- Wpisz lub wybierz kolor tła (działają wartości hex, także skrócone 3-cyfrowe).
- Odczytaj współczynnik kontrastu oraz wyniki AA/AAA dla zwykłego i dużego tekstu.
- Dostosuj któryś z kolorów, aż potrzebny poziom zostanie spełniony.
Warto wiedzieć
- WCAG 2.1 AA wymaga współczynnika kontrastu co najmniej 4.5:1 dla zwykłego tekstu i 3:1 dla dużego tekstu.
- WCAG 2.1 AAA wymaga co najmniej 7:1 dla zwykłego tekstu i 4.5:1 dla dużego tekstu.
- Duży tekst to co najmniej 18 pt (24 px) w zwykłej grubości lub 14 pt (około 18.66 px) pogrubiony.
- Współczynniki kontrastu wynoszą od 1:1 (identyczne kolory) do 21:1 (czarny na białym).
- Współczynnik jest liczony z luminancji względnej każdego koloru według wzoru WCAG.
Działa w całości w przeglądarce — nic, co wpiszesz, nie jest wysyłane ani zapisywane.
Najczęściej zadawane pytania
Jaki współczynnik kontrastu jest wymagany dla dostępności?
Dla WCAG 2.1 na poziomie AA zwykły tekst potrzebuje co najmniej 4.5:1, a duży tekst co najmniej 3:1. Poziom AAA podnosi to do 7:1 i 4.5:1.
Czy biały tekst na zielonym jest dostępny?
To zależy od odcienia. Wiele jasnych zieleni z białym tekstem nie spełnia AA; ciemniejsze zielenie zwykle przechodzą. Wpisz dokładne wartości hex, żeby to sprawdzić.
Co w WCAG liczy się jako duży tekst?
Tekst o wielkości co najmniej 18 punktów (24 px) w zwykłej grubości lub co najmniej 14 punktów (około 18.66 px) pogrubiony.
Czy kontrast WCAG dotyczy przycisków i ikon?
Kryterium sukcesu 1.4.11 WCAG 2.1 wymaga co najmniej 3:1 kontrastu dla komponentów interfejsu i istotnych grafik względem otoczenia.