Barva není používána jako jediný prostředek pro předání informace, indikace akce, vyvolání reakce nebo odlišení vizuálního prvku.
Častým a typickým příkladem nesplnění tohoto kritéria je použití pouze barvy k odlišení odkazů. Uživatel musí odlišit odkaz i na základě něčeho jiného (např. podtržení).
Poznámka: Toto kritérium přístupnosti se týká speciálně vnímání barev. Ostatními formami vnímání se zabývá Pravidlo 1.3.
Komu to pomáhá
- Barvoslepí lidé: Nevidí rozdíly mezi některými barvami (např. červená vs. zelená). Pokud je informace sdělena pouze barvou, informace je pro ně nedostupná.
- Lidé se špatným zrakem: Barvy nemusí být dostatečně kontrastní, takže si informace nemusí všimnout.
- Uživatelé čteček obrazovky: Čtečky obrazovky nehlásí barvu textu ani pozadí. Pokud chybí alternativní způsob rozlišení (ikona, text), informace je zcela skrytá.
- Uživatelé s kognitivními poruchami: Někteří uživatelé se mohou v barvách špatně orientovat.
Co je dobré vědět
Aby byla stránka splnila kritérium 1.4.1, nesmí být důležité informace, význam nebo stav prezentovány pouze barvou. Týká se to zejména těchto oblastí:
- Informace, akce, význam: Pokud například označíte povinné pole pouze červenou barvou, nesplňujete tento požadavek.
- Rozlišení stavů: Například grafy, legendy, chyby ve formuláři, odkazy – musí být rozlišitelné i jinak než jen barvou.
Příklady:
Chyby ve formuláři
Chyba: Ve formuláři jsou chybné položky označené pouze červeným textem.
Řešení: Chyby ve formuláři označte červenou barvou a doprovodným textem (např. chybný údaj).
Chyby v tabulce
Chyba: Chybné řádky v tabulce jsou označeny pouze červeným podbarvením.
Řešení: Chyby ve formuláři označte nejen barvou, ale i doprovodným textem (např. chybný údaj) nebo ikonou.
Aktivní tlačítko
Chyba: Aktivní stav je znázorněn pouze změnou barvy.
Řešení: Kromě barvy změňte i tvar, rámeček nebo ikonu, např. ✔️ Dokončeno, ⏳ Zpracovává se, ❌ Zrušeno.
Odkazy
Chyba: Odkazy jsou odlišené pouze barvou.
Řešení: Odkazy odlište barvou i podtržením.
Legenda v grafu
Chyba: Jednotlivé části jsou odlišeny pouze barvou.
Řešení: Použijte různý vzorek nebo doprovodný text (např. muži, ženy, ostatní).
Doporučené řešení
- Kombinovat barvu s ikonou, textem, podtržením, tvarem apod.
- Ověřit kontrast i s vypnutými barvami (simulace barvosleposti).
- Kontrola napříč komponentami: formuláře, navigace, grafy, upozornění.