Użycie koloru

Czego wymaga kryterium

Kiedy znaczenie elementu interfejsu zależy od jego koloru — czerwony komunikat o błędzie, zielona kropka „dostępny”, niebieski link w tekście akapitu, kolorowa linia na wykresie — to znaczenie musi być przekazywane także w inny sposób niż tylko kolor. Kryterium nie zakazuje używania koloru, lecz zakazuje stosowania wyłącznie koloru. Mniej więcej 1 na 12 mężczyzn i 1 na 200 kobiet ma jakiś rodzaj zaburzenia widzenia kolorów; ponadto monochromatyczne wydruki, przyciemnione ekrany i silne oświetlenie zewnętrzne routinowo niwelują rozróżnienia kolorystyczne.

Jak spełnić kryterium

• Należy podkreślać linki wewnątrz akapitów tekstu. Sam inny kolor nie wystarczy — to kanoniczny przykład naruszenia kryterium 1.4.1.
• Każdemu kolorowi statusu należy towarzyszyć etykieta lub ikona: czerwień z tekstem „Błąd”, zieleń ze znacznikiem wyboru, żółć z trójkątem ostrzegawczym.
• Wymagane pola formularzy należy oznaczać zarówno kolorem (gwiazdka na czerwono), jak i tekstowym wskaźnikiem („wymagane”).
• Na wykresach należy używać różnych stylów linii (ciągła, przerywana, kropkowana) lub symboli przy punktach danych — nie tylko koloru.
• Wskaźniki statusu „dostępny / zajęty / nieobecny” należy mapować na kolor oraz kształt ikony (wypełnione koło, puste koło, myślnik).
• Stan nieprawidłowości w walidacji formularza musi być opatrzony komunikatem o błędzie — sam czerwony obramowanie nie wystarczy.

Typowe błędy

• Linki w tekście akapitu wyróżnione jedynie nieco innym odcieniem niebieskiego, bez podkreślenia. Użytkownicy z zaburzeniem widzenia czerwono-zielonego nie widzą różnicy.
• Gwiazdki wymaganych pól wyświetlane na czerwono bez aria-required i bez etykiety „wymagane”.
• Wykresy z pięcioma seriami rozróżnionymi wyłącznie kolorem — po wydrukowaniu w skali szarości linie stają się nieodróżnialne.
• Stany błędu stylizowane jedynie czerwonym obramowaniem, bez tekstu komunikatu o błędzie.
• Wskaźniki „online / offline” zmieniające wyłącznie kolor, bez zmiany kształtu lub etykiety.
• Wykresy kołowe z wycinkami o podobnej luminancji opisanymi wyłącznie w legendzie za pomocą koloru.

Dlaczego to ważne

Jest to najczęściej cytowane naruszenie z grupy 1.4.x i jedno z najłatwiejszych do naprawienia na etapie projektowania — wystarczy dodać podkreślenie, ikonę lub etykietę. Retrospektywna naprawa jest trudniejsza, bo paleta kolorów marki jest często zbudowana wokół sygnalizacji wyłącznie kolorem. Reguły QualiBooth, axe i Lighthouse nie zawsze wykrywają to automatycznie, więc błąd wychodzi na jaw podczas ręcznego przeglądu.