====== 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. 44x44 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í:**
  * [[https://www.w3.org/WAI/ER/tools/|W3C List of Accessibility Audit Tools]]
  * [[https://wave.webaim.org/|WAVE Tool]]
  * [[https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefeghmjnejnijhaook|Lighthouse (Chrome)]]