Co je nového ve WCAG 2.2? Devět nových kritérií srozumitelně

Někdo prochází vaší pokladnou pomocí klávesy Tab. Fokus se přesune na tlačítko „Zaplatit“, jenže ho překrývá fixní cookie lišta, takže ten člověk nevidí, kde je. Podle WCAG 2.1 mohla taková stránka ještě projít. Podle WCAG 2.2 neprojde.

Právě takové mezery verze 2.2 zacelila. Každé nové kritérium úspěšnosti níže probíráme stejně: co říká, komu pomáhá, jak ho rychle otestovat a jak se obvykle opravuje. Čtyři principy a úrovně souladu na jedné stránce najdete v našem přehledu WCAG 2.2.

Co je WCAG 2.2?

WCAG 2.2 je aktuální verze Pravidel pro přístupnost webového obsahu, tedy standardu W3C, na který odkazuje většina zákonů a smluv o přístupnosti. Doporučením W3C se stala 5. října 2023 (otevře se v nové kartě), aktualizována byla 12. prosince 2024 (otevře se v nové kartě) a v říjnu 2025 byla schválena jako norma ISO/IEC 40500:2025 (otevře se v nové kartě).

WCAG se skládá z testovatelných požadavků, kterým se říká kritéria úspěšnosti. Každé má svou úroveň: A (minimum), AA (to obvykle vyžadují zákony) nebo AAA (nejpřísnější). „Potřebujeme WCAG 2.2 AA“ tedy znamená všechna kritéria A a AA ve verzi 2.2. Specifikace uvádí, že 2.2 „navazuje na WCAG 2.1 a je s ní zpětně kompatibilní“, takže verzi 2.1 doplňuje, nikoli nahrazuje.

Co se změnilo mezi WCAG 2.1 a 2.2?

WCAG 2.2 přidává devět kritérií úspěšnosti a jedno ruší. Šest nových je na úrovni A nebo AA, takže se počítají do obvyklého cíle AA: 2.4.11, 2.5.7, 2.5.8, 3.2.6, 3.3.7 a 3.3.8. Zbylá tři jsou na úrovni AAA. Zrušeno bylo kritérium 4.1.1 Parsování, které W3C dnes považuje za zastaralé.

Kritérium 4.1.1 kontrolovalo chyby v kódu, například duplicitní identifikátory. FAQ k WCAG 2 (otevře se v nové kartě) vysvětluje, že tyto problémy dnes pokrývají jiná kritéria, například 4.1.2 Název, role, hodnota. Má to jeden háček: pokud smlouva stále vyžaduje WCAG 2.0 nebo 2.1, možná „budete muset 4.1.1 i nadále testovat a vykazovat“.

Nezakrytý fokus a vzhled fokusu: vidí uživatel klávesnice, kde je?

Tato kritéria (Focus Not Obscured a Focus Appearance) hlídají, aby prvek s fokusem klávesnice zůstal viditelný. Na úrovni AA (2.4.11) nesmí být odkaz ani tlačítko s fokusem úplně zakryté obsahem, který jste přidali, například fixní hlavičkou, cookie lištou nebo bublinou chatu. Na úrovni AAA ho nesmí zakrývat nic ani zčásti (2.4.12) a obrys fokusu musí být velký a výrazně kontrastní (2.4.13).

• Komu pomáhá: vidícím lidem, kteří místo myši používají klávesnici, často kvůli pohybovému postižení. Když fokus nevidí, jen hádají.
• Rychlý test: otevřete dlouhou stránku se zobrazenou cookie lištou, fixní hlavičkou i widgetem chatu a opakovaně mačkejte Tab. Pokud fokus za některým z nich úplně zmizí, kritérium 2.4.11 splněno není.
• Běžná oprava: přidejte v CSS scroll-padding o výšce fixní hlavičky nebo patičky, aby prohlížeč posouval prvky s fokusem mimo ni. W3C to uvádí jako dostatečnou techniku (otevře se v nové kartě). Lišta může projít i tehdy, když je modální a musí se nejdřív zavřít.

Vzhled fokusu (2.4.13) vyžaduje indikátor alespoň tak velký jako obrys o tloušťce 2 CSS pixely kolem komponenty a změnu kontrastu alespoň 3:1 mezi stavem s fokusem a bez něj. Je to úroveň AAA, ale plný dvoupixelový obrys výraznou barvou na ni obvykle stačí. Jak změřit 3:1, vysvětluje náš návod ke kontrastu barev.

Pohyby tažením a velikost cíle: dá se váš web ovládat bez přesného míření?

Tato dvě kritéria úrovně AA pomáhají lidem, kterým dělá potíže přesné ovládání ukazatele. Podle 2.5.7 musí vše, co jde udělat tažením, fungovat i jednotlivými kliknutími nebo klepnutími. Podle 2.5.8 musí mít cíle alespoň 24 × 24 CSS pixelů, nebo být rozmístěny tak, aby se kruh o průměru 24 pixelů se středem na každém z nich nedotýkal jiného cíle.

2.5.7 Pohyby tažením (Dragging Movements)

Představte si posuvník cenového rozpětí ve filtrech e-shopu nebo seznam přání, jehož pořadí se mění tažením. Pro člověka s třesem rukou nebo pro někoho, kdo ovládá počítač pohybem hlavy, může být sekvence „stisknout, podržet, přesunout, pustit“ velmi obtížná.

Rychlý test: dokončete každou úlohu s tažením jen kliknutími nebo klepnutími. Běžná oprava: umožněte kliknout kamkoli na dráhu posuvníku, přidejte vedle něj pole „od“ a „do“ nebo k řaditelným seznamům tlačítka „Posunout nahoru“ a „Posunout dolů“. Samotné ovládání klávesnicí nestačí: vysvětlující dokument W3C (otevře se v nové kartě) uvádí, že klávesnicová alternativa „nezajišťuje automaticky splnění tohoto kritéria úspěšnosti“.

2.5.8 Velikost cíle (minimum), anglicky Target Size (Minimum)

Typickými prohřešky jsou malá tlačítka „ד ve vyskakovacích oknech, natěsno seřazená čísla stránek, hvězdičková hodnocení a řady ikon sociálních sítí. Když ťuknete vedle, naštve to každého, a pro lidi s omezenou jemnou motorikou je to skutečná bariéra.

• Výjimky: odkazy uvnitř věty, cíle, které mají na stejné stránce ekvivalentní ovládací prvek s požadovanou velikostí, prvky, jejichž velikost určuje prohlížeč a které jste nepřestylovali, a případy, kdy je určitá velikost nezbytná nebo ji vyžaduje zákon.
• Rychlý test: na telefonu vyzkoušejte každou malou ikonu a tlačítko; pokud chcete prvek změřit, prozkoumejte ho ve vývojářských nástrojích prohlížeče.
• Běžná oprava: přidejte padding. Klikací plocha se zvětší, i když ikona vypadá stejně. A berte 24 pixelů jako minimum: starší kritérium AAA 2.5.5 požaduje 44 × 44.

Konzistentní nápověda a nadbytečné zadávání: nenutíte lidi hledat nebo se opakovat?

Obě kritéria jsou na úrovni A. Podle 3.2.6 (Consistent Help) platí, že pokud se nápověda, například kontaktní údaje, chat nebo odkaz na časté dotazy, objevuje na více stránkách, musí být pokaždé ve stejném pořadí vůči zbytku stránky. Podle 3.3.7 (Redundant Entry) by lidé neměli muset znovu psát údaje, které už ve stejném procesu zadali.

Konzistentní nápověda vás nenutí nápovědu vůbec nabízet. Říká jen, že pokud je telefonní číslo na produktových stránkách v hlavičce, nemělo by se v pokladně přesunout do patičky, tedy tam, kde ho lidé potřebují nejvíc. Nejvíc z toho mají lidé s potížemi s pamětí nebo pozorností. Oprava obvykle spočívá ve sdílené šabloně, ne v ručním umisťování nápovědy na každou stránku.

Kritérium nadbytečného zadávání míří na vícekrokové formuláře. Rezervační formulář, který chce e-mail v kroku 1 a znovu v kroku 3, ho nesplňuje, stejně jako pokladna, ve které musíte znovu vypisovat tutéž fakturační adresu. Vyplňte pole automaticky nebo ho nabídněte k výběru, například zaškrtávacím políčkem „Fakturační adresa je stejná jako doručovací“. Výjimky: opětovné zadání je nezbytné, vyžaduje ho bezpečnost nebo dřívější údaje už neplatí.

Přístupná autentizace: dá se přihlásit bez testu paměti?

Kritérium úspěšnosti 3.3.8 (úroveň AA, Accessible Authentication) říká, že žádný krok přihlášení nesmí stát na testu kognitivních funkcí, jako je zapamatování hesla, přepsání zkreslených znaků nebo vyřešení hádanky, pokud nenabízíte alternativu nebo pomocný mechanismus. V praxi: nechte správce hesel vyplňovat pole, povolte vkládání a nabídněte metodu, která na paměti nezávisí.

WCAG definuje test kognitivních funkcí jako „úkol, který po uživateli vyžaduje, aby si zapamatoval, zpracoval nebo přepsal informace“. Zadání jména, e-mailu nebo telefonního čísla se nepočítá, protože jde o osobní údaje, které jsou všude stejné. Krok přihlášení splní úroveň AA, pokud nabízí alespoň jednu z těchto možností:

• Alternativní metodu bez testu kognitivních funkcí, například přístupový klíč (passkey) nebo odkaz zaslaný e-mailem.
• Pomocný mechanismus, například podporu správců hesel nebo kopírování a vkládání, aby se jednorázový kód nemusel přepisovat.
• Rozpoznávání objektů, například „vyberte obrázky s jízdním kolem“.
• Osobní obsah, například určení obrázku, který jste sami nahráli.

Verze AAA, tedy 3.3.9, poslední dvě možnosti vypouští, takže obrázková CAPTCHA může projít na úrovni AA, ale ne AAA. Typické chyby: pole pro heslo, která blokují vkládání nebo správce hesel, pole pro jednorázový kód, která se po vložení rozbijí, a textová CAPTCHA bez alternativy. Nejvíc to pomůže lidem s dyslexií nebo poruchami paměti, ale problém zná každý, kdo se po dlouhém dni nemohl přihlásit.

Je WCAG 2.2 povinná ze zákona?

Záleží na tom, kde jste a kdo jste. Zákony verzi WCAG přímo uvádějí jen zřídka a řada z nich stále odkazuje na WCAG 2.1 AA. Protože je WCAG 2.2 zpětně kompatibilní, splnění 2.2 AA znamená i splnění 2.1 AA, s výjimkou zrušeného kritéria 4.1.1. Když budete cílit na 2.2, pokryjete tedy obojí. Pokud smlouva uvádí konkrétní verzi, řiďte se smlouvou.

• Evropská unie: podle evropského aktu o přístupnosti zakládá předpoklad shody splnění harmonizované normy EN 301 549. Podle AccessibleEU (otevře se v nové kartě) verze 4.1.1, zveřejněná v září 2026, přebírá WCAG 2.2, ale zatím není právním referenčním dokumentem; dokud nebude odkaz na ni zveřejněn v Úředním věstníku EU, platí v3.2.1 (založená na WCAG 2.1 AA). Na koho se akt vztahuje, vysvětluje náš článek o evropském aktu o přístupnosti.
• Spojené království: vládní pokyny (otevře se v nové kartě) uvádějí, že weby a aplikace veřejného sektoru musí splňovat WCAG 2.2 AA. Týkají se veřejných subjektů, ne soukromých firem.
• Spojené státy: pravidlo ministerstva spravedlnosti pro úřady jednotlivých států a místní samosprávy vychází z WCAG 2.1 AA a termíny jeho plnění byly v dubnu 2026 posunuty (otevře se v nové kartě) na 26. dubna 2027 a 26. dubna 2028. Pro soukromé firmy uvádějí pokyny ministerstva z roku 2022 (otevře se v nové kartě), že se ADA vztahuje i na jejich weby, ale žádnou konkrétní technickou normu nestanovují.

A co WCAG 3?

WCAG 3 je návrh, takže s ním zatím nikdo nemůže být v souladu. W3C zveřejnilo aktualizované pracovní návrhy v září 2026 a uvádí, že WCAG 3 se jako hotový standard neočekává „ještě několik let“. WCAG 2 nebude prohlášena za zastaralou ještě několik let poté, takže dnes je správné pracovat podle verze 2.2.

Jak nová kritéria zkontrolovat za 15 minut?

Většinu chyb v šesti nových kritériích úrovně A a AA odhalíte zhruba za 15 minut s klávesnicí, telefonem a vlastní přihlašovací stránkou. Nenahradí to úplný audit ani testování s lidmi se zdravotním postižením, ale ukáže vám, kde začít, a vývojáři dá konkrétní seznam úkolů.

1. Projděte klávesou Tab domovskou stránku, stránku produktu a pokladnu se všemi zobrazenými lištami. Vidíte fokus pořád? (2.4.11)
2. Dokončete každou úlohu s posuvníkem nebo přetahováním jen kliknutími nebo klepnutími. (2.5.7)
3. Na telefonu vyzkoušejte každé zavírací tlačítko, číslo stránky a malou ikonu. (2.5.8)
4. Porovnejte, kde jsou nápověda a kontakty na třech typech stránek. (3.2.6)
5. Projděte nákupem nebo rezervací a poznamenejte si každou otázku, na kterou odpovídáte dvakrát. (3.3.7)
6. Přihlaste se správcem hesel, pak vložte heslo a jednorázový kód. Má každá CAPTCHA alternativu? (3.3.8)

Zbytek WCAG pokrývá náš návod jak otestovat přístupnost webu s bezplatnými nástroji a ručními kontrolami a náš kontrolní seznam přístupnosti webu promění časté chyby v seznam úkolů. Co zatím opravit nemůžete, patří do prohlášení o přístupnosti.

Poznámka k widgetům, včetně našeho: žádné z těchto kritérií nejde splnit panelem na straně návštěvníka. Velký kurzor usnadní míření na malé cíle, ale nezvětší je na 24 pixelů, a zvýraznění fokusu neodsune fixní lištu z cesty. Každé nové kritérium se týká toho, jak jsou vaše stránky postavené, takže oprava patří do šablon a kódu.