3:1
AA · Large text
Tekst od 18pt (24px) lub 14pt bold. Także elementy interaktywne i ikony nietekstowe.
Wizualizator kontrastu
WCAG 2.2 · sprawdź czy tekst jest czytelny dla wszystkich
Darmowe Bez zakładania konta
Kolory
Tekst
Tło
Sprawdzone pary
To narzędzie łata jeden problem naraz
Moduł Dostępność w Insight robi to samo w każdym audycie: Automatyczne testy WCAG 2.2 z listą napraw i planem działania.
/ O narzędziu
Jak obliczany jest współczynnik kontrastu?
Kontrast WCAG to stosunek jasności (luminancji) dwóch kolorów. 21:1 to maksimum (biały na czarnym), 1:1 to brak różnicy.
WCAG 2.2 definiuje AA (min. 4.5:1 dla zwykłego tekstu, 3:1 dla dużego) i AAA (7:1 i 4.5:1). AA jest typowym celem pod EAA — to nie certyfikacja.
Niski kontrast utrudnia czytanie także w słońcu, na starych ekranach i przy zmęczeniu wzroku.
/ Słownik
Poziomy WCAG
4.5:1
AA · Normal text
Standardowy próg dla zwykłego tekstu — najczęściej wymagany w praktyce.
7:1
AAA · Normal text
Najwyższy poziom dla zwykłego tekstu. Często cel dla dłuższych treści.
4.5:1
AAA · Large text
Dla dużego tekstu na poziomie AAA.
/ FAQ
Najczęściej zadawane pytania
Tylko gdy jest tekstem lub kluczowym elementem interaktywnym. Logo i dekoracje mogą mieć inny kontrast — tekst na nich musi spełniać AA.
Spróbuj innego tła, cienia pod tekstem albo większego rozmiaru (od 18pt wystarczy 3:1).
Nie — klasyczny WCAG 2.x. APCA jest nadal w draft.
/ Podobne narzędzia