Uživatelské nástroje

Nástroje pro tento web


standardy:wcag

Průvodce standardem WCAG 2.1

Standard WCAG 2.1 je mezinárodní sada doporučení pro tvorbu přístupného webového obsahu. Vydává ji konsorcium W3C a v České republice je základem pro legislativní požadavky na weby veřejné správy (zákon č. 99/2019 Sb.).

Úrovně shody

Kritéria úspěšnosti jsou rozdělena do tří úrovní podle náročnosti a dopadu na uživatele:

  • Úroveň A: Základní úroveň. Bez jejího splnění je web pro mnoho lidí zcela nepoužitelný.
  • Úroveň AA: Střední úroveň. Je považována za globální standard pro běžné komerční i státní weby.
  • Úroveň AAA: Nejvyšší a technicky nejnáročnější úroveň. Často vyžadována u specifických vzdělávacích nebo informačních portálů.

4 Principy přístupnosti (POUR)

Standard je organizován do 4 principů, které obsahují celkem 13 pravidel.

1. Vnímatelnost (Perceivable)

Uživatelé musí být schopni vnímat informace svými smysly.

  • Textové alternativy: Každý netextový prvek (obrázek, ikona) musí mít textový popis.
  • Multimédia: Video musí mít titulky (pro neslyšící) a audiopopis (pro nevidomé).
  • Přizpůsobitelnost: Obsah lze prezentovat různými způsoby bez ztráty informací (např. jednoduché zobrazení pro čtečky).
  • Rozlišitelnost: Dostatečný kontrast (min. 4.5:1 pro text) a možnost měnit velikost písma bez pomoci asistivních technologií až na 200 %.

2. Ovladatelnost (Operable)

Prvky rozhraní musí být ovladatelné různými způsoby.

  • Klávesnice: Veškerá funkčnost musí být dostupná pomocí klávesnice.
  • Dostatek času: Uživatelé nesmí být pod časovým tlakem (možnost vypnout/prodloužit časové limity).
  • Záchvaty: Obsah nesmí blikat častěji než 3x za sekundu (prevence epileptických záchvatů).
  • Navigace: Jasné nadpisy, popisné názvy stránek a „skip linky“ (přeskočení navigace na hlavní obsah).

3. Srozumitelnost (Understandable)

Informace a ovládání musí být jasné a předvídatelné.

  • Čitelnost: Text musí být srozumitelný (definovaný jazyk stránky pomocí atributu `lang`).
  • Předvídatelnost: Web se chová logicky (např. navigace je na všech podstránkách stejná).
  • Pomoc při chybách: Formuláře jasně označují chyby a radí, jak je opravit.

4. Robustnost (Robust)

Obsah musí být kompatibilní s aktuálními i budoucími technologiemi.

  • Syntaktická správnost: Kód by neměl obsahovat kritické chyby (správné vnoření značek, unikátní ID).
  • Jméno, role, hodnota: Asistivní technologie (čtečky) musí být schopny určit název a stav každého ovládacího prvku (např. „Tlačítko Odeslat, rozbaleno“).

Novinky ve verzi 2.1 oproti 2.0

Verze 2.1 přidala 17 nových kritérií zaměřených především na:

  • Mobilní zařízení: Podpora orientace na výšku/šířku, dostatečná velikost dotykových ploch (min. 44×44 px).
  • Slabozrací: Podpora zvětšení textu bez nutnosti vodorovného skrolování (Reflow).
  • Kognitivní poruchy: Snazší autentizace a méně rušivých prvků.
Kritérium Úroveň Stručný popis
1.4.3 Kontrast AA Text musí mít kontrast alespoň 4.5:1 vůči pozadí.
2.1.1 Klávesnice A Všechny funkce musí být dostupné z klávesnice.
1.4.10 Reflow AA Obsah se musí přerovnat do jednoho sloupce při šířce 320px.
2.5.3 Text v názvu A U ovládacích prvků musí label odpovídat programovému názvu.

Nástroje pro ověření:

standardy/wcag.txt · Poslední úprava: autor: admin