1.4.1 Použití barev

Součást 1.4 Rozlišitelnost

Barva není použita jako jediný vizuální prostředek k předání informace nebo k označení akce.

Částečně automaticky

Toto kritérium testujeme částečně automaticky.

Co testujeme automaticky:

  • link-in-text-block – Odkazy v textu jsou odlišitelné nejen barvou

Co vyžaduje manuální kontrolu:

  • Grafy a vizualizace, kde barva není jediným indikátorem
  • Formulářové chyby označené nejen barvou
  • Stavové indikátory (aktivní/neaktivní položky)

Oficiální znění

Barva není použita jako jediný vizuální prostředek k předání informace, označení akce, vyvolání reakce nebo rozlišení vizuálního prvku.

Co to znamená v praxi

Informace předávané barvou musí být dostupné i jinak – textem, tvarem, vzorem nebo ikonou.

Příklady problémů:

  • Červeně označené povinné pole bez hvězdičky nebo textu
  • Graf používající jen barvy bez vzorů nebo popisků
  • Odkaz odlišený jen barvou bez podtržení

Řešení:

Přidejte textový popisek, ikonu, vzor nebo jiný vizuální indikátor.

Originální znění

Originální znění W3C: WCAG 2.1 Success Criterion 1.4.1 Use of Color

 

1.4.1 Použití barev

Barva není použita jako jediný vizuální prostředek k předání informace nebo k označení akce.
 

1.4.2 Ovládání zvuku

Pokud se na stránce automaticky přehrává zvuk déle než 3 sekundy, existuje mechanismus pro jeho pozastavení nebo zastavení.
 

1.4.3 Kontrast (minimální)

Vizuální prezentace textu a obrázků textu má kontrastní poměr alespoň 4,5:1.
 

1.4.4 Změna velikosti textu

Text lze zvětšit až na 200 % bez ztráty obsahu nebo funkčnosti.
 

1.4.5 Text jako obrázek

Pokud lze dosáhnout stejné vizuální prezentace textem, nepoužívají se obrázky textu.
 

1.4.6 Kontrast (vylepšený)

Vizuální prezentace textu a obrázků textu má kontrastní poměr alespoň 7:1.
 

1.4.7 Nízké nebo žádné pozadí zvuku

Pro předtočený audio obsah obsahující převážně řeč je pozadí zvuku výrazně tišší než popředí.
 

1.4.8 Vizuální prezentace

Pro vizuální prezentaci bloků textu je k dispozici mechanismus pro přizpůsobení barev, šířky a řádkování.
 

1.4.9 Text jako obrázek (bez výjimky)

Obrázky textu se používají pouze pro čistě dekorativní účely nebo tam, kde je konkrétní prezentace textu nezbytná.
 

1.4.10 Přeformátování

Obsah lze prezentovat bez ztráty informací a bez nutnosti posouvání ve dvou směrech.
 

1.4.11 Kontrast netextových prvků

Vizuální prezentace prvků uživatelského rozhraní a grafických objektů má kontrastní poměr alespoň 3:1.
 

1.4.12 Mezery v textu

Nedochází ke ztrátě obsahu při nastavení mezer v textu na určené hodnoty.
 

1.4.13 Obsah při najetí nebo fokusu

Dodatečný obsah zobrazený při najetí nebo fokusu je možné zrušit, najetí na něj a je trvalý.