
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
-
10.08.2022Dostępność cyfrowa
SVG… SVG… czym jest SVG
SVG (ang. Scalable Vector Graphics) – to format wektorowego pliku graficznego, który w odróżnieniu do rastrowych jpg, png, gif, składa…
-
30.11.2022Badania
Jak zrobić audyt UX. Część 1 – Teoria, odrobina autokrytyki i parę praktycznych porad…
Dzisiaj wrzucamy na blog temat audytów użyteczności! Pomysł na ten wpis narodził się przy okazji audytu UX naszego bloga. Postanowiliśmy…
-
23.12.2022Dostępność cyfrowa
Dostępność cyfrowa – skąd czerpać wiedzę. Część 1
Dostępność, WCAG 2.1, inkluzywność, projektowanie uniwersalne: niektórzy mówią, że to tożsame pojęcia, ale mylą się… W takim razie skąd można…