
WCAG 2.1. – kryterium 1.4.1 – Użycie koloru (poziom A)
- Przejdź do artykułów z tagiem akademiaWCAG
- Przejdź do artykułów z tagiem dostępność cyfrowa
- Przejdź do artykułów z tagiem WCAG
- Przejdź do artykułów z tagiem WCAG 2.1
- Przejdź do artykułów z tagiem Web Content Accessibility Guidelines
Treść artykułu
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

Radosław Stachurski
Accessibility Specialist & WCAG 2.1 Auditor & Quality Assurance
Polecane artykuły
-
02.05.2024Testy automatyczne
Testy Automatyczne: Strażnicy Twojej cyfrowej dostępności: Linie lotniczne
Ten post na charakter edukacyjny, nie wskazujemy która linia lotnicza jest lepsza czy gorsza. Każda ma coś za uchem i…
-
02.08.2024Akademia WCAG
WCAG 2.1 – Kryterium 3.3.5 – Pomoc (poziom AAA)
WCAG i pomoc… łączy się? Zdecydowanie! Właściwie wszystkie kryteria WCAG służą temu, by ułatwiać nam poruszanie się w Internecie. Jest…
-
31.10.2024Okiem niewidomego
Okiem niewidomego. Nie kupuję oczami
W dzisiejszym artykule chciałabym powrócić do tematu kupowania w Internecie. Wątek ten był już poruszany w tej serii, jednak dzisiaj…