3:1
AA · Large text
Tekst od 18pt (24px) lub 14pt bold (18.5px). Również dla elementów interaktywnych i ikon nietekstowych.
Wizualizator kontrastu
WCAG 2.2 · sprawdź czy tekst jest czytelny dla wszystkich
Darmowe Bez logowania Offline · WASM
Kolory
Tekst
Tło
Sprawdzone pary
/ 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. Wzór bierze pod uwagę krzywą postrzegania ludzkiego oka (luminancja względna).
WCAG 2.2 definiuje dwa poziomy: AA (minimum 4.5:1 dla tekstu, 3:1 dla dużego tekstu) i AAA (7:1 i 4.5:1). AA to obowiązek prawny w UE od 2025 (EAA, Akt Dostępności).
Niski kontrast wyklucza nie tylko osoby z wadami wzroku — wpływa też na czytelność na słońcu, na starszych ekranach LCD, w trybie nocnym 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 przez prawo (EAA, ADA, EU 2102).
7:1
AAA · Normal text
Najwyższy poziom dla zwykłego tekstu. Rekomendowany dla treści dłuższych (artykuły, dokumenty).
4.5:1
AAA · Large text
Dla dużego tekstu na poziomie AAA. W praktyce większość AA-zgodnych dużych tekstów spełnia też AAA.
/ FAQ
Najczęściej zadawane pytania
Tylko jeśli pojawia się jako tekst lub kluczowy element interaktywny. Logo, ozdoby, brand colors w hero mogą mieć dowolny kontrast — ale wszelki tekst na nich musi spełniać AA.
/ Podobne narzędzia