standardy:wcag
Obsah
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
