Přejít na obsah
Pandus

WCAG srozumitelně: Web Content Accessibility Guidelines

Aktualizováno 14. října 2026 · Čtení na 4 min

WCAG — Web Content Accessibility Guidelines, česky pravidla pro přístupnost webového obsahu — je mezinárodní standard pro přístupné weby a aplikace. Vydává ho W3C Web Accessibility Initiative a v testovatelných pravidlech popisuje, co stránka potřebuje, aby ji mohli používat lidé se zdravotním postižením: nevidomí se čtečkou obrazovky, lidé, kteří nemohou používat myš, lidé se slabým zrakem, neslyšící a lidé s kognitivním postižením.

Čtyři principy WCAG

Všechna kritéria úspěšnosti jsou seskupena pod čtyři principy, často zkracované anglicky jako POUR:

  1. Vnímatelnost (Perceivable) — informace lze vidět nebo slyšet: textové alternativy obrázků, titulky u videí, dostatečný kontrast.
  2. Ovladatelnost (Operable) — vše funguje z klávesnice, je dost času, nic nebezpečně nebliká, navigace je jasná.
  3. Srozumitelnost (Understandable) — jazyk je nastavený, chování je předvídatelné, formuláře vysvětlují chyby.
  4. Robustnost (Robust) — kód funguje s asistivními technologiemi: každý ovládací prvek má název, roli a stav.

Úrovně A, AA a AAA

Každé kritérium úspěšnosti má svou úroveň. A je minimum, AA přidává to, co potřebuje většina uživatelů, a AAA je nejpřísnější. Zákony a předpisy — EN 301 549 v Evropské unii, Section 508 a narovnání podle ADA v USA — požadují úroveň AA, tedy všechna kritéria úrovní A a AA. Více v článku úrovně WCAG A, AA a AAA.

Verze WCAG 2.0, 2.1 a 2.2

WCAG 2.0 pochází z roku 2008, 2.1 z roku 2018 a 2.2 z roku 2023. Každá verze zachovává dřívější kritéria a přidává nová; verze 2.2 navíc zrušila kritérium 4.1.1 Syntaktická analýza (Parsing). Web, který splňuje WCAG 2.2 AA, splňuje i WCAG 2.1 AA a 2.0 AA. Co se v jednotlivých verzích změnilo: WCAG 2.1 vs 2.2.

Kontrast podle WCAG

Kontrast je nejčastější problém, který automatické testy na webech najdou. Běžný text potřebuje na úrovni AA kontrastní poměr nejméně 4,5:1, velký text 3:1 (1.4.3); ikony, okraje formulářových polí a indikátor fokusu nejméně 3:1 (1.4.11). Libovolnou dvojici barev ověříte v naší kontrole kontrastu barev. Minimální velikost písma WCAG nestanoví; co místo toho požaduje, vysvětluje článek velikost písma podle WCAG.

Všechna kritéria úspěšnosti úrovní A a AA

Tabulka obsahuje 55 kritérií úspěšnosti WCAG 2.2 na úrovních A a AA. U každého najdete odkaz na naše srozumitelné vysvětlení a na oficiální text W3C a informaci, zda část kritéria testují naše automatické kontroly.

Pro 22 z 55 kritérií úspěšnosti WCAG 2.2 úrovní A a AA má naše knihovna alespoň jeden automatický test. Ostatní jsou označena „ruční kontrola“: musí je posoudit člověk.

Kritérium úspěšnosti Úroveň Co checker testuje
1.1.1 Netextový obsah W3C A Částečně automaticky: Některé ukazatele úrovně nemají název, Některé ukazatele průběhu nemají název, Obrázky nemají textový popis, Obrázkové tlačítko nemá textový popis a dalších 3 (všechna pravidla)
1.2.1 Pouze audio a pouze video (záznam) W3C A Ruční kontrola
1.2.2 Titulky (záznam) W3C A Částečně automaticky: Videa nemají titulky
1.2.3 Zvukový popis nebo alternativa pro média (záznam) W3C A Ruční kontrola
1.2.4 Titulky (živé vysílání) W3C AA Ruční kontrola
1.2.5 Zvukový popis (záznam) W3C AA Ruční kontrola
1.3.1 Informace a vztahy W3C A Částečně automaticky: Celá stránka je skrytá před čtečkami obrazovky, Vlastní menu nebo seznamy jsou sestavené nesprávně, Vlastní položky menu nebo záložky jsou mimo svou skupinu, Seznam názvů a hodnot je sestavený nesprávně a dalších 8 (všechna pravidla)
1.3.2 Smysluplné pořadí W3C A Ruční kontrola
1.3.3 Smyslové charakteristiky W3C A Ruční kontrola
1.3.4 Orientace W3C AA Částečně automaticky: Web funguje jen v jedné orientaci obrazovky
1.3.5 Určení účelu vstupu W3C AA Částečně automaticky: Pole v pokladně se nevyplňují automaticky
1.4.1 Použití barvy W3C A Částečně automaticky: Odkazy v textu vypadají jako běžný text
1.4.2 Ovládání zvuku W3C A Částečně automaticky: Některá videa nebo zvuky se spouštějí samy se zvukem
1.4.3 Kontrast (minimální) W3C AA Částečně automaticky: Text se špatně čte kvůli nízkému kontrastu
1.4.4 Změna velikosti textu W3C AA Částečně automaticky: Návštěvníci si nemohou stránku na mobilu přiblížit
1.4.5 Obrázky textu W3C AA Ruční kontrola
1.4.10 Přizpůsobení obsahu (reflow) W3C AA Ruční kontrola
1.4.11 Netextový kontrast W3C AA Ruční kontrola
1.4.12 Mezery v textu W3C AA Částečně automaticky: Mezery v textu nelze upravit
1.4.13 Obsah při najetí myší nebo fokusu W3C AA Ruční kontrola
2.1.1 Klávesnice W3C A Částečně automaticky: Uživatelé klávesnice se nedostanou k vloženému obsahu, Některé posuvné oblasti nejdou ovládat klávesnicí, Klikací obrázek funguje jen s myší
2.1.2 Žádná past pro klávesnici W3C A Ruční kontrola
2.1.4 Klávesové zkratky se znaky W3C A Ruční kontrola
2.2.1 Nastavitelné časování W3C A Částečně automaticky: Stránka se sama obnovuje nebo přesměrovává
2.2.2 Pozastavení, zastavení, skrytí W3C A Částečně automaticky: Stránka obsahuje zastaralý kód blikajícího textu, Některý text se posouvá a nejde zastavit
2.3.1 Tři záblesky nebo pod prahovou hodnotou W3C A Ruční kontrola
2.4.1 Přeskočení bloků W3C A Částečně automaticky: Chybí rychlý přechod na hlavní obsah
2.4.2 Název stránky W3C A Částečně automaticky: Stránka nemá titulek
2.4.3 Pořadí fokusu W3C A Ruční kontrola
2.4.4 Účel odkazu (v kontextu) W3C A Částečně automaticky: Klikatelné oblasti obrázku nemají popis, Některé odkazy neříkají, kam vedou
2.4.5 Více způsobů W3C AA Ruční kontrola
2.4.6 Nadpisy a popisky W3C AA Ruční kontrola
2.4.7 Viditelný fokus W3C AA Ruční kontrola
2.4.11 Fokus není zakrytý (minimum) W3C (nové ve 2.2) AA Ruční kontrola
2.5.1 Gesta ukazatele W3C A Ruční kontrola
2.5.2 Zrušení akce ukazatele W3C A Ruční kontrola
2.5.3 Popisek v názvu W3C A Částečně automaticky: Skrytý název tlačítek se liší od viditelného textu
2.5.4 Aktivace pohybem W3C A Ruční kontrola
2.5.7 Přetahování W3C (nové ve 2.2) AA Ruční kontrola
2.5.8 Velikost cíle (minimum) W3C (nové ve 2.2) AA Částečně automaticky: Tlačítka a odkazy jsou příliš malé na pohodlné klepnutí
3.1.1 Jazyk stránky W3C A Částečně automaticky: Stránka neuvádí, v jakém je jazyce, Jazyk stránky je nastavený chybně, Stránka uvádí dva různé jazyky
3.1.2 Jazyk částí W3C AA Částečně automaticky: Část textu má nesprávný kód jazyka
3.2.1 Při fokusu W3C A Ruční kontrola
3.2.2 Při vstupu W3C A Ruční kontrola
3.2.3 Konzistentní navigace W3C AA Ruční kontrola
3.2.4 Konzistentní identifikace W3C AA Ruční kontrola
3.2.6 Konzistentní nápověda W3C (nové ve 2.2) A Ruční kontrola
3.3.1 Identifikace chyb W3C A Ruční kontrola
3.3.2 Popisky nebo instrukce W3C A Částečně automaticky: Některá pole formulářů mají více popisků
3.3.3 Návrh opravy chyby W3C AA Ruční kontrola
3.3.4 Prevence chyb (právní, finanční, datové) W3C AA Ruční kontrola
3.3.7 Opakované zadávání W3C (nové ve 2.2) A Ruční kontrola
3.3.8 Přístupné ověřování (minimum) W3C (nové ve 2.2) AA Ruční kontrola
4.1.2 Název, role, hodnota W3C A Částečně automaticky: Klikatelné oblasti obrázku nemají popis, Atributy přístupnosti jsou použity na nesprávných prvcích, Některé prvky mají popisek pro Braillovo písmo, ale ne běžný název, Vlastní tlačítka nemají název a dalších 23 (všechna pravidla)
4.1.3 Stavové zprávy W3C AA Ruční kontrola

Jak otestovat web podle WCAG

Začněte automatickým testem — náš WCAG checker zdarma zkontroluje jednu stránku — a pak testujte ručně klávesnicí, přiblížením a čtečkou obrazovky. Jak obojí spojit: jak testovat WCAG. Přehled dalších nástrojů najdete v článku nástroje pro testování přístupnosti. Naše kontrola je automatizovaná kontrola, nikoli úplný audit, a nejde o právní poradenství.

Rychlé vstupy: všechna kritéria A a AA na jedné obrazovce v rychlém přehledu WCAG 2.2, opakující se řešení ve vzorech WCAG a jak popsat obrázky v průvodci alternativním textem.

Časté otázky

Co znamená zkratka WCAG?

Web Content Accessibility Guidelines, česky pravidla pro přístupnost webového obsahu. Vydává je World Wide Web Consortium (W3C) prostřednictvím své iniciativy Web Accessibility Initiative (WAI).

Jaká je nejnovější verze WCAG?

WCAG 2.2, která se stala doporučením W3C v říjnu 2023. WCAG 3 je stále pracovní návrh a zákony ji zatím nepoužívají.

Je WCAG zákon?

Ne. WCAG je technický standard, ale zákony se na něj odkazují: v EU prostřednictvím harmonizované normy EN 301 549, v USA prostřednictvím judikatury k ADA a Section 508. V Česku evropský akt o přístupnosti provádí zákon č. 424/2023 Sb..

Jakou úroveň WCAG je potřeba splnit?

Téměř všechny zákony a předpisy požadují úroveň AA. Úroveň A je minimum, AAA se jako celek nevyžaduje pro žádný web.

Jaký kontrast WCAG vyžaduje?

Na úrovni AA nejméně 4,5:1 pro běžný text a 3:1 pro velký text (1.4.3) a 3:1 pro ikony, okraje polí a další části rozhraní (1.4.11). Úroveň AAA vyžaduje pro text 7:1.

Kolik kritérií úspěšnosti má WCAG 2.2?

86: 31 na úrovni A, 24 na úrovni AA a 31 na úrovni AAA, seskupených do 13 zásad pod 4 principy. Úroveň AA, na kterou odkazují zákony, znamená 55 kritérií úrovní A a AA. Kritérium 4.1.1 Syntaktická analýza zůstává v číslování jako zastaralé a zrušené.

Je WCAG norma ISO?

Ano. WCAG vychází také jako ISO/IEC 40500. Podle W3C je ISO/IEC 40500:2025 totožná s verzí WCAG 2.2 z října 2023 a W3C očekává, že se verze z prosince 2024 stane do konce roku 2026 normou ISO/IEC 40500:2026.

Kdy byla WCAG 2.2 vydána?

WCAG 2.2 se stala doporučením W3C 5. října 2023. Aktualizovaná verze vyšla 12. prosince 2024. Oproti WCAG 2.1 přidala 9 kritérií úspěšnosti a zrušila 4.1.1 Syntaktická analýza.

Existuje pro WCAG 2.2 nějaký termín?

Univerzální ne. Samo WCAG žádný termín nemá; W3C doporučuje používat nejnovější verzi. Termíny stanoví zákony a normy, na které odkazují. V EU vyšla EN 301 549 V4.1.1, založená na WCAG 2.2 AA, 2. září 2026; dokud nebude citována v Úředním věstníku, zůstává citovanou verzí V3.2.1, která vychází z WCAG 2.1.

Zdroje

  • W3C WAI, WCAG 2 Overview (verze a ISO/IEC 40500): https://www.w3.org/WAI/standards-guidelines/wcag/
  • W3C, Web Content Accessibility Guidelines (WCAG) 2.2: https://www.w3.org/TR/WCAG22/
  • W3C, What's new in WCAG 2.2: https://www.w3.org/WAI/standards-guidelines/wcag/new-in-22/
  • National Disability Authority (Irsko), vydání EN 301 549 V4.1.1: https://nda.ie/news/en301549-published