Kontrast kolorów
Inne nazwy: współczynnik kontrastu, czytelność kolorów, contrast ratio
W jednym zdaniu
To różnica jasności między tekstem a tłem – im większa, tym łatwiej przeczytać tekst.
Co to znaczy
Kontrast mierzy się współczynnikiem, np. 4,5:1. Zwykły tekst musi mieć kontrast co najmniej 4,5:1, a duży tekst (od ok. 24 pikseli albo pogrubiony od ok. 19 pikseli) – co najmniej 3:1.
Jasnoszary tekst na białym tle wygląda elegancko, ale dla wielu osób – zwłaszcza starszych i słabowidzących – jest nieczytelny. Na telefonie w słońcu nie przeczyta go prawie nikt.
Wymagania dotyczą też elementów interfejsu: obramowań pól formularza, ikon i przycisków (co najmniej 3:1).
Przykład z urzędu
Jasnoszary tekst #999999 na białym tle ma kontrast 2,8:1 – za mało. Ciemnoszary #595959 ma 7:1 – czytelnie dla prawie każdego.
Co warto zrobić
- Sprawdź kolory w naszym kalkulatorze kontrastu.
- Nie umieszczaj tekstu na zdjęciach bez ciemnego podkładu.
- Wymagaj od grafików i wykonawców spełnienia progów kontrastu.
Powiązane pojęcia
Wymagania WCAG, których to dotyczy
- 1.4.3 Kontrast (minimum) poziom AA
- 1.4.11 Kontrast elementów nietekstowych poziom AA
- 1.4.6 Kontrast (wzmocniony) poziom AAA
Szczegółowe wyjaśnienie, jak to sprawdzić i naprawić, znajdziesz w słowniku kryteriów WCAG.
Wróć do wszystkich pojęć · Ostatnia aktualizacja: