WCAG: pravidla přístupnosti webu srozumitelně
WCAG (Web Content Accessibility Guidelines) je sada testovatelných pravidel, podle kterých se posuzuje, jestli web zvládnou používat i lidé se zrakovým, sluchovým, pohybovým nebo kognitivním omezením. Vydává ji konsorcium W3C a většina předpisů o přístupnosti se na ni v konečném důsledku odvolává. Tady je, jak je dokument postavený a co z něj plyne pro běžný český web.
Aktualizováno
Jak je WCAG uspořádané
Dokument má čtyři patra. Nahoře stojí čtyři principy, pod nimi směrnice (guidelines) a pod každou směrnicí konkrétní kritéria úspěchu (success criteria). Kritérium je formulované tak, aby se dalo ověřit – buď je splněné, nebo není. Čtvrté patro tvoří doprovodné texty W3C: vysvětlení, proč kritérium existuje, a doporučené techniky, jak ho splnit.
Každé kritérium má číslo, například 1.4.3 Kontrast (minimum). První číslice určuje princip, druhá směrnici, třetí pořadí kritéria. Podle čísel se pak píšou audity i prohlášení o přístupnosti. Proč na přístupnosti záleží a kterých webů se týká zákon, vysvětluje samostatné heslo Přístupnost webu.
Čtyři principy: vnímatelný, ovladatelný, srozumitelný, robustní
| Princip | Otázka, kterou klade | Příklady kritérií |
|---|---|---|
| Vnímatelnost | Dokáže člověk obsah zachytit aspoň jedním smyslem? | textová alternativa obrázků, titulky u videa, kontrast, přizpůsobení úzké obrazovce |
| Ovladatelnost | Dá se web ovládat i bez myši a bez spěchu? | ovládání klávesnicí, viditelný fokus, dost času na vyplnění, nic neblikající |
| Srozumitelnost | Chová se web předvídatelně a rozumí mu člověk? | jazyk stránky, popisky polí, srozumitelná chybová hlášení, jednotná navigace |
| Robustnost | Přečtou obsah i asistivní technologie? | správně pojmenované ovládací prvky a jejich stav, stavové zprávy |
Popis obrázků, se kterým začíná první princip, podrobně rozebírá heslo Alt text.
Úrovně A, AA a AAA
Každé kritérium má přidělenou úroveň. A je minimum, bez kterého část lidí web vůbec nepoužije. AA přidává kritéria, která odstraňují běžné bariéry, například kontrast textu 4,5 : 1 nebo zachování obsahu při zvětšení. AAA je nejpřísnější a zahrnuje třeba znakový jazyk u videí.
Úrovně se sčítají: kdo tvrdí shodu s AA, musí splnit všechna kritéria A i AA, a to na celé stránce, ne jen na její části. Shoda se navíc posuzuje u celých procesů – když objednávka vede přes pět kroků, musí vyhovět všech pět.
Verze 2.0, 2.1 a 2.2 – co se měnilo
WCAG 2.0 vyšlo v roce 2008. Verze 2.1 (2018) doplnila kritéria hlavně pro mobily a pro lidi se slabším zrakem, například přeskládání obsahu na úzkém displeji bez vodorovného posouvání nebo kontrast ikon a ovládacích prvků. Jak se web přizpůsobuje displeji, popisuje heslo Responzivní web.
Aktuální WCAG 2.2 je doporučením W3C od října 2023. Mezi nová kritéria patří:
- Fokus nesmí být zakrytý – prvek, na kterém je klávesnice, nesmí schovat přilepená hlavička ani cookies lišta.
- Minimální velikost cíle – tlačítka a odkazy mají mít aspoň 24 × 24 CSS pixelů, nebo kolem sebe dost volného místa.
- Alternativa k přetahování – co jde udělat tažením (posuvník, řazení), musí jít i jednoduchým klepnutím.
- Nevyžadovat znovu stejné údaje – co uživatel v jednom procesu už zadal, se mu nabídne nebo předvyplní.
- Přístupné přihlášení – přihlášení nesmí stát jen na zapamatování nebo přepisování; vkládání hesla a správce hesel mají fungovat. Souvisí s tím i heslo CAPTCHA.
Verze 2.2 zároveň vyřadila zastaralé kritérium 4.1.1 Parsování. Web, který vyhoví 2.2, vyhoví i starším verzím.
Co z toho musí splnit český web nebo e-shop
České předpisy WCAG přímo necitují. Odkazují na evropskou harmonizovanou normu EN 301 549, která požadavky na webový obsah přebírá z WCAG na úrovni AA. Kterou verzi WCAG aktuální vydání normy používá a kdy přejde na novější, si ověřte v jejím platném znění. Prakticky to vychází takto:
- Veřejný sektor (obce, školy, úřady) – povinnost podle zákona č. 99/2019 Sb. včetně prohlášení o přístupnosti; víc v článku Web pro obec.
- E-shopy pro spotřebitele – od 28. 6. 2025 podle zákona o přístupnosti výrobků a služeb, s výjimkou mikropodniků.
- Ostatní firemní weby – bez zákonné povinnosti, ale AA je rozumný technický standard i pro ně.
Zařazení konkrétní služby ověřte s právníkem; tento přehled není právní rada.
Jak vypadá splnění kritéria v kódu
Spousta kritérií se splní obyčejným správným HTML. Například jazyk stránky (3.1.1) a popisek pole formuláře (1.3.1, 3.3.2):
<html lang="cs">
...
<label for="email">E-mail</label>
<input id="email" type="email" name="email"
autocomplete="email" required>Atribut autocomplete navíc plní kritérium 1.3.5 o rozpoznání účelu pole – prohlížeč pak nabídne uložený e-mail a uživatel ho nemusí psát. Jak takový formulář navrhnout celý, popisuje průvodce Kontaktní formulář.
Časté otázky
Je WCAG zákon?
Není. WCAG je technické doporučení konsorcia W3C a samo nic nenařizuje. Závazným se stává až tím, že na něj odkazují předpisy – v Evropě přes harmonizovanou normu EN 301 549, ze které vycházejí české zákony o přístupnosti.
Mám web dělat podle WCAG 2.1, nebo 2.2?
Pro nový web rovnou 2.2. Je zpětně kompatibilní, takže web splňující 2.2 na úrovni AA splní i 2.1 AA. Přidaná kritéria navíc řeší věci, na které lidé narážejí denně – zakrytý fokus, malá tlačítka nebo opakované vyplňování údajů.
Musím splnit úroveň AAA?
Ne. Samo W3C nedoporučuje vyžadovat AAA pro celý web, protože některý obsah ji splnit nedokáže. Běžným cílem i měřítkem v předpisech je úroveň AA. Jednotlivá kritéria AAA ale můžete použít tam, kde to jde snadno.
Jak poznám, že web WCAG splňuje?
Automatický nástroj odhalí jen část chyb – třeba chybějící popisky nebo nízký kontrast. Zbytek vyžaduje ruční test: ovládání klávesnicí, práci se čtečkou obrazovky a kontrolu, jestli texty a chybová hlášení dávají smysl. Výsledek se zapisuje kritérium po kritériu.
Co je WCAG 3?
Připravovaná nová generace doporučení, kterou W3C zatím zveřejňuje jako pracovní návrh. Má jiný systém hodnocení než verze 2. Dokud nebude schválená a nepřevezmou ji normy, řiďte se WCAG 2.2.