1.4.11 Kontrast netextových prvků

Součást 1.4 Rozlišitelnost

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

Pouze manuální testování

Toto kritérium z WCAG 2.1 nelze automaticky testovat. Vyžaduje lidské posouzení kontrastu grafických prvků.

Co kontrolujeme:

  • Prvky uživatelského rozhraní (tlačítka, pole formuláře) mají kontrast 3:1
  • Významné části grafik mají kontrast 3:1
  • Ikony předávající informace mají dostatečný kontrast

Oficiální znění

Vizuální prezentace následujících prvků má kontrastní poměr alespoň 3:1 vůči sousedícím barvám: komponenty uživatelského rozhraní a grafické objekty.

Co to znamená v praxi

Nejen text, ale i ovládací prvky a důležitá grafika musí mít dostatečný kontrast.

Příklady:

  • Ohraničení formulářových polí
  • Ikony tlačítek
  • Grafy a diagramy
  • Checkboxy a přepínače

Výjimky:

  • Neaktivní prvky
  • Vzhled určený prohlížečem

Originální znění

Originální znění W3C: WCAG 2.1 Success Criterion 1.4.11 Non-text Contrast

 

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ý.