WCAG 2.1 vs 2.2: co se změnilo a proč na tom záleží

WCAG 2.2 se v říjnu 2023 stala doporučením W3C. Pokud byl váš web auditován podle WCAG 2.1, může už dnes selhávat na kritériích, která nyní definují právní soulad v EU, ve Spojeném království a stále častěji i v amerických vymáhacích řízeních. Tento průvodce prochází každou změnu — co přibylo, co bylo odstraněno a co jednotlivá kritéria znamenají v praxi.

Stručné pozadí: co přidala WCAG 2.1

WCAG 2.1 (publikovaná v roce 2018) rozšířila původní standard 2.0 o 17 nových kritérií úspěchu zaměřených na tři dosud opomíjené skupiny:

Uživatelé mobilních zařízení — dotyková gesta, orientace obrazovky, přesnost ukazovacího zařízení
Uživatelé se slabým zrakem — přeformátování obsahu (reflow), kontrast netextových prvků, rozestupy textu
Kognitivní a jazykové postižení — časové limity, stavové zprávy

WCAG 2.2 staví přímo na verzi 2.1. Každý požadavek z 2.1 nadále platí. Otázka zní: co k tomu přidala verze 2.2?

Co WCAG 2.2 přidala: 9 nových kritérií úspěchu

2.4.11 Fokus není zakrytý (minimum) — úroveň AA

Když komponenta získá fokus klávesnice, nesmí být zcela zakryta jiným obsahem (přilepenými hlavičkami, cookie lištami, chatovými widgety). Alespoň část prvku s fokusem musí zůstat viditelná.

Časté selhání: Fixní navigační lišta zakrývá pole formuláře s fokusem, když uživatel prochází stránku tabulátorem.

2.4.12 Fokus není zakrytý (rozšířené) — úroveň AAA

Přísnější verze kritéria 2.4.11 — komponenta s fokusem musí být viditelná zcela, nikoli jen zčásti.

2.4.13 Vzhled fokusu — úroveň AA

Indikátory fokusu klávesnice musí splňovat minimální prahy pro velikost a kontrast:

Plocha indikátoru fokusu musí být alespoň tak velká jako obvod o šířce 2 CSS pixelů kolem komponenty
Kontrast mezi stavem s fokusem a bez fokusu musí být alespoň 3:1

Jde dál než stávající kritérium 2.4.7 (Viditelný fokus), které vyžadovalo pouze to, aby indikátor fokusu vůbec existoval.

Časté selhání: Tenký tečkovaný obrys o šířce 1 px s nízkým kontrastem projde kritériem 2.4.7, ale selže na 2.4.13.

2.5.7 Táhnutí — úroveň AA

Každou akci, která vyžaduje táhnutí, musí být možné provést i jediným ukazovacím zařízením (klepnutím nebo kliknutím). Slouží to uživatelům s motorickým postižením, kteří nedokážou spolehlivě ovládat operace přetahování.

Příklad: Seřaditelný seznam musí nabídnout alternativu (například tlačítka nahoru/dolů) pro uživatele, kteří položky přetahovat nemohou.

2.5.8 Velikost cíle (minimum) — úroveň AA

Interaktivní cíle (tlačítka, odkazy, formulářové prvky) musí měřit alespoň 24×24 CSS pixelů — nebo mít od sousedních cílů dostatečný odstup, aby celková aktivační plocha práh splnila.

Toto je minimální verze. Rozšířené kritérium (2.5.5, převzaté z verze 2.1 na úrovni AAA) doporučuje 44×44 px.

Častá selhání: Tlačítka tvořená pouze ikonou, ikony zavření (×) a řádkové textové odkazy v hustých navigačních nabídkách.

3.2.6 Konzistentní nápověda — úroveň A

Pokud web nabízí mechanismus nápovědy (telefonní číslo, odkaz na chat, kontaktní formulář, odkaz na FAQ), musí se na stránkách, kde je přítomen, objevovat ve stejné relativní pozici. Uživatelé s kognitivním postižením často závisejí na předvídatelném umístění.

3.3.7 Opakované zadávání — úroveň A

Informace, které uživatel v téže relaci již zadal, po něm nesmí být vyžadovány znovu — pokud opětovné zadání není nezbytné (např. pole pro potvrzení hesla) nebo pokud nejde o bezpečnostně citlivé údaje.

Příklad: Vícekrokový nákupní proces by neměl ve 3. kroku žádat fakturační adresu, pokud ji uživatel zadal už v 1. kroku.

3.3.8 Přístupné ověřování (minimum) — úroveň AA

Kroky ověřování se nesmí spoléhat na test kognitivních funkcí — rozpoznávání objektů, přepisování znaků nebo řešení hádanek — ledaže je poskytnuta alternativa nebo test spočívá v rozpoznání obsahu, který uživatel sám vytvořil (například fotografie, kterou nahrál).

Častá selhání: CAPTCHA vyžadující rozpoznání zdeformovaného textu bez zvukové alternativy nebo úkoly typu „klikněte na všechny obrázky se semafory“.

3.3.9 Přístupné ověřování (rozšířené) — úroveň AAA

Rozšířená verze ruší i výjimku pro obsah vytvořený uživatelem. V průběhu ověřování není povolen žádný test kognitivních funkcí.

Co WCAG 2.2 odstranila: 4.1.1 Parsování

WCAG 2.1 obsahovala kritérium 4.1.1 Parsování (úroveň A), které vyžadovalo správně utvořené HTML — jedinečná ID prvků, správně vnořené značky a úplné páry počátečních a koncových značek. Moderní prohlížeče se v tichém opravování chybného HTML staly natolik dobrými, že se toto kritérium v praxi stalo neměřitelným.

Ve WCAG 2.2 je kritérium 4.1.1 Parsování označeno jako zastaralé a vždy považováno za splněné. Už jej nemusíte auditovat, i když psaní čistého HTML zůstává osvědčenou praxí.

Souhrnná tabulka

Kritérium	Úroveň	Téma
2.4.11 Fokus není zakrytý (min.)	AA	Fokus klávesnice
2.4.12 Fokus není zakrytý (rozšířené)	AAA	Fokus klávesnice
2.4.13 Vzhled fokusu	AA	Indikátor fokusu
2.5.7 Táhnutí	AA	Ukazovací zařízení
2.5.8 Velikost cíle (minimum)	AA	Dotykové cíle
3.2.6 Konzistentní nápověda	A	Předvídatelnost
3.3.7 Opakované zadávání	A	Formuláře
3.3.8 Přístupné ověřování (min.)	AA	Přihlášení / CAPTCHA
3.3.9 Přístupné ověřování (rozšířené)	AAA	Přihlášení / CAPTCHA
~~4.1.1 Parsování~~	A	Odstraněno

Kdo musí přejít na novou verzi?

Prakticky každý. WCAG 2.2 je nyní výchozí úrovní, na kterou odkazují:

Evropský akt o přístupnosti (EAA), účinný od června 2025
Harmonizovaná norma EN 301 549 (aktualizovaná tak, aby odkazovala na WCAG 2.2)
Britská nařízení o přístupnosti pro subjekty veřejného sektoru (aktualizované pokyny)
Řada zákonů amerických států a neformálních vymáhacích pozic ministerstva spravedlnosti USA

Pokud byl váš poslední úplný audit veden podle WCAG 2.1 AA, zaměřte úsilí na těchto pět kritérií, která se týkají většiny webů: 2.4.11, 2.4.13, 2.5.8, 3.3.8 a 3.3.7 (pokud máte vícekrokové formuláře nebo nákupní procesy).

Jak auditovat nová kritéria

Většina automatizovaných skenerů dnes označí 2.5.8 (velikost cíle) a část případů kritéria 2.4.13 (vzhled fokusu). Následující však vyžadují manuální testování:

2.4.11 / 2.4.12 — Projděte tabulátorem každou stránku s aktivními přilepenými hlavičkami a patičkami a ověřte, že prvky s fokusem jsou viditelné
2.4.13 — Změřte rozměry a kontrast indikátoru fokusu pomocí vývojářských nástrojů prohlížeče nebo kontroléru kontrastu
2.5.7 — Identifikujte každou interakci s táhnutím a ověřte, že existuje alternativa pouze pro ukazovací zařízení
3.2.6 — Zkontrolujte, že odkazy na nápovědu jsou napříč stránkami na konzistentních pozicích
3.3.7 — Projděte všechny vícekrokové procesy a ověřte, že se žádná data nevyžadují dvakrát
3.3.8 — Otestujte každý krok přihlášení, registrace a ověření na testy kognitivních funkcí

WCAG 2.2 není celkovým přepracováním — je to cílená sada doplnění řešících skutečné bariéry, které verze 2.1 přehlédla. Dobrou zprávou je, že většinu nových kritérií úrovně AA lze vyřešit cílenou nápravou, nikoli kompletní přestavbou webu.

Související: Jak dosáhnout souladu webu s WCAG 2.2 · Průvodce manuálními audity přístupnosti