Zasada 1: Postrzegalność 1.4 Rozróżnialność

1.4.1 Użycie koloru

WCAG 1.4.1 Use of Color

W skrócie

Kolor nie może być jedynym sposobem przekazania informacji – np. zaznaczenia błędu, wyróżnienia linku w tekście czy serii na wykresie.

Poziom: A Podstawowe minimum – bez tego część osób w ogóle nie skorzysta ze strony.
Czy to obowiązkowe?: Wymagane prawem
Kto w zespole odpowiada: Projektowanie UX/UI, Redakcja treści, Programowanie
Jak to wykryć: Częściowo automatyczne

Wyjaśnienie prostym językiem: Informacja przekazywana kolorem

Komu i dlaczego to pomaga

Około 8% mężczyzn ma zaburzenia widzenia barw. Dla nich czerwona ramka błędu wygląda jak każda inna, a linie wykresu zlewają się.

Osoby z zaburzeniami widzenia barw
Osoby słabowidzące
Osoby niewidome

Jak zrobić to dobrze

Dodaj drugi wyróżnik: podkreślenie linków, ikonę i tekst przy błędzie, wzór lub etykiety na wykresach.
Status zawsze opisuj słowem („Opłacone”, „Odrzucone”).

Najczęstsze błędy

Linki w tekście wyróżnione tylko kolorem, bez podkreślenia.
Błędne pola formularza oznaczone tylko czerwoną ramką.
Wykres z legendą, w której serie różnią się jedynie kolorem.
Statusy „zielony/czerwony” bez tekstu lub ikony.

Jak to sprawdzić

Zrób zrzut ekranu i przełącz go na skalę szarości – czy nadal wiesz, co jest linkiem, błędem, którą serią?
Użyj symulatora daltonizmu w DevTools (Rendering → Emulate vision deficiencies).

Częściowo automatyczne. Narzędzia wykryją część problemów (np. brak atrybutu), ale ocena jakości wymaga człowieka.

Czy to obowiązkowe?

Wymagane prawem

Kryterium poziomu A z WCAG 2.1 – obowiązkowe dla podmiotów publicznych (ustawa z 4 kwietnia 2019 r. o dostępności cyfrowej stron internetowych i aplikacji mobilnych) oraz dla firm objętych European Accessibility Act (ustawa o zapewnianiu spełniania wymagań dostępności przez niektóre produkty i usługi). Brak zgodności trzeba wykazać w deklaracji dostępności.

Powiązane kryteria

1.3.3

Charakterystyki zmysłowe

A Wymagane prawem

Instrukcje nie mogą opierać się wyłącznie na kształcie, kolorze, rozmiarze, położeniu czy dźwięku („kliknij zielony przycisk po prawej”).

1.4.11

Kontrast elementów nietekstowych

AA Wymagane prawem

Elementy interfejsu (obramowania pól, przyciski, przełączniki, wskaźnik fokusu) i istotne części grafik (linie wykresu, ikony) muszą mieć kontrast co najmniej 3:1 z otoczeniem.

3.3.1

Identyfikacja błędu