WCAG 2.1. – kryterium 1.4.1 – Użycie koloru (poziom A)

Dzisiaj kryterium 1.4.1 WCAG – Użycie koloru (Poziom A).

Jest to kontynuacja kryterium 1.3.3 WCAG – Właściwości zmysłowe, o którym pisaliśmy kilka tygodni temu. Zacznijmy od tego, że dotyczy ono wszystkich, ale w szczególności osób z dysfunkcjami wzroku. Dla tych osób kolor często nie ma znaczenia i potrzebują alternatywy w przedstawieniu wyróżnionych informacji.

Spójrzmy na najczęstsze sytuacje, w których wykorzystanie koloru jest jedynym sposobem na wyróżnienie treści, przez co może mieć znaczenie dla osób z dysfunkcją wzroku. Są nimi wyróżnione treści, linki zawarte w tekście, wykresy oraz pola formularzy.

Jeśli przedstawimy różnice w kolejnych elementach tylko za pomocą koloru, osoby niewidome korzystające z technologii asystujących nie dostaną informacji co zostało zaakcentowane. Podobnie jest z osobami z zaburzeniami widzenia kolorów tj. ze ślepotą barw.

Co w takim razie możemy zrobić? Pamiętajmy, żeby kolor nie był jedynym wizualnym środkiem przekazywania treści:
💡 tekst, który ma znaczenie, oprócz koloru może posiadać obramowanie, etykietę lub inny efekt wizualny
💡linki, które są otoczone tekstem powinny być wyróżnione na przykład podkreśleniem,
💡jeśli nie mogą być podkreślone to zadbajmy o to, żeby kontrast z otaczającym tekstem wynosił co najmniej 3:1
💡pola formularzy, które mają nieprawidłowy wpis oznaczmy dodatkową ikoną sygnalizującą błąd ❌, te wymagane oznaczmy gwiazdką (*)
💡wykresy niech posiadają również dodatkowy wzór lub teksturę na przykład w formie kreskowania

Link do dokumentacji WCAG – https://lnkd.in/d2DFgNN4