1.4.3
Kontrast (minimum)
Tekst musi mieć kontrast z tłem co najmniej 4,5:1. Duży tekst (od 24 px, albo od ok. 18,7 px pogrubiony) – co najmniej 3:1.
Zasada 1: Postrzegalność 1.4 Rozróżnialność
1.4.6 Kontrast (wzmocniony)
WCAG 1.4.6 Contrast (Enhanced)
W skrócie
Wyższy próg kontrastu: 7:1 dla zwykłego tekstu i 4,5:1 dla dużego.
- Poziom
- AAA Najwyższy poziom – dobrowolny, warto go stosować tam, gdzie się da.
- Czy to obowiązkowe?
- Poziom AAA – dobrowolne
- Kto w zespole odpowiada
- Projektowanie UX/UI
- Jak to wykryć
- Wykrywalne automatycznie
Wyjaśnienie prostym językiem: Kontrast kolorów
Komu i dlaczego to pomaga
Pomaga osobom z poważniejszą utratą wzroku, które nie korzystają z technologii wspomagających.
- Osoby słabowidzące
- Seniorzy
Jak zrobić to dobrze
- Dla treści czytanych długo (regulaminy, artykuły) wybieraj kolory tekstu bliskie czerni.
Najczęstsze błędy
- Kolory spełniające AA (4,5:1), ale nie AAA.
Jak to sprawdzić
- Sprawdź pary kolorów kalkulatorem kontrastu (poniżej) z progiem 7:1.
Wykrywalne automatycznie. Narzędzia automatyczne (np. axe, WAVE, Lighthouse) wyłapią większość problemów z tym kryterium.
Sprawdź kontrast swoich kolorów
Wpisz kolor w formacie szesnastkowym, np. #1a5fb4 albo #fff.
Zwykły tekst – przykład akapitu.
Duży tekst
Współczynnik kontrastu: –
Zwykły tekst, AA (1.4.3) – 4,5:1
Duży tekst, AA (1.4.3) – 3:1
Elementy interfejsu i grafiki (1.4.11) – 3:1
Zwykły tekst, AAA (1.4.6) – 7:1
Duży tekst, AAA (1.4.6) – 4,5:1
Czy to obowiązkowe?
Poziom AAA – dobrowolne
Poziom AAA nie jest wymagany przez ustawę o dostępności cyfrowej ani przez European Accessibility Act. Warto go stosować tam, gdzie to możliwe – szczególnie w serwisach dla osób ze szczególnymi potrzebami.
Powiązane kryteria
Ostatnia aktualizacja: .
Źródło: Understanding SC 1.4.6: Contrast (Enhanced) – oficjalne objaśnienie W3C (po angielsku).