Kontrast

Różnica jasności między tekstem a tłem.

Co to jest Kontrast?

Kontrast to różnica jasności między tekstem a jego tłem. Im większa, tym łatwiej przeczytać treść — zwłaszcza osobom słabowidzącym, w słońcu albo na słabym ekranie.

WCAG podaje konkretne progi: zwykły tekst potrzebuje kontrastu co najmniej 4,5:1, a duży tekst 3:1. To liczby, które da się zmierzyć, a nie kwestia gustu.

Dlaczego to ważne dla SEO

Niski kontrast sprawia, że część użytkowników po prostu nie przeczyta treści — tracisz przekaz i konwersję. To jeden z najczęstszych i najłatwiejszych do naprawienia błędów dostępności.

Jak to sprawdzić

Zmierz kontrast narzędziem (próbnik kolorów w przeglądarce, audyt kontrastu w Lighthouse). Sprawdź szczególnie szary tekst na białym tle i napisy na zdjęciach.

Częste błędy

• Jasnoszary tekst na białym tle
• Napisy na zdjęciu bez przyciemnienia lub tła
• Kolor jako jedyny nośnik informacji (czerwony błąd bez ikony/tekstu)

Przykład

Tekst zwykły ≥ 4,5:1 · duży tekst ≥ 3:1  (WCAG AA)

Najczęstsze pytania

Jaki kontrast wymaga WCAG AA?

Dla zwykłego tekstu co najmniej 4,5:1, a dla dużego 3:1. Osobne kryteria dotyczą elementów interfejsu i grafiki informacyjnej.

Czy placeholder liczy się jak tekst?

Tak, użytkownik musi go odczytać, ale placeholder nie powinien zastępować trwałej etykiety pola.

Poradniki na ten temat

• WCAG 2.2 — praktyczna checklista dostępności strony — Dostępność sprawdza się warstwami: automat znajduje powtarzalne błędy, klawiatura ujawnia problemy obsługi, a czytnik ekranu pokazuje, czy interfejs ma sens bez obrazu. Ta checklista prowadzi przez wszystkie trzy.

Źródła

• W3C — Understanding Contrast Minimum

Wszystkie hasła · Cała Wiedza · Jak skanujemy