Čo je nové vo WCAG 2.2? Deväť nových kritérií zrozumiteľne

Niekto prechádza vašou pokladňou pomocou klávesnice. Fokus sa presunie na tlačidlo „Zaplatiť“, ale leží na ňom fixná lišta so súhlasom s cookies, takže človek nevidí, kde je. Podľa WCAG 2.1 mohla takáto stránka ešte prejsť. Podľa WCAG 2.2 neprejde.

Presne takéto medzery aktualizácia 2.2 uzatvára. Nižšie prechádzame každé nové kritérium úspešnosti rovnako: čo hovorí, komu pomáha, ako ho rýchlo otestovať a ako sa zvyčajne opravuje. Štyri princípy a úrovne na jednej stránke nájdete v našom prehľade WCAG 2.2.

Čo je WCAG 2.2?

WCAG 2.2 je aktuálna verzia Pravidiel prístupnosti webového obsahu (Web Content Accessibility Guidelines), teda normy W3C, na ktorú odkazuje väčšina zákonov a zmlúv o prístupnosti. Odporúčaním W3C sa stala 5. októbra 2023 (otvorí sa na novej karte), aktualizovaná bola 12. decembra 2024 (otvorí sa na novej karte) a v októbri 2025 bola schválená ako ISO/IEC 40500:2025 (otvorí sa na novej karte).

WCAG sa skladá z testovateľných tvrdení, ktoré sa nazývajú kritériá úspešnosti, a každé má svoju úroveň: A (minimum), AA (to, čo zvyčajne vyžadujú zákony) alebo AAA (najprísnejšia). „Potrebujeme WCAG 2.2 AA“ znamená všetky kritériá úrovne A a AA vo verzii 2.2. Podľa špecifikácie 2.2 „nadväzuje na WCAG 2.1 a je s ňou spätne kompatibilná“, takže 2.1 dopĺňa, a nie nahrádza.

Čo sa zmenilo medzi WCAG 2.1 a 2.2?

WCAG 2.2 pridáva deväť kritérií úspešnosti a jedno ruší. Šesť nových je na úrovni A alebo AA, takže sa počítajú do bežného cieľa AA: 2.4.11, 2.5.7, 2.5.8, 3.2.6, 3.3.7 a 3.3.8. Zvyšné tri sú na úrovni AAA. Zrušené kritérium je 4.1.1 Parsing (syntaktická analýza), ktoré W3C teraz označuje za zastarané.

Kritérium 4.1.1 Parsing kontrolovalo chyby v kóde, napríklad duplicitné ID. Často kladené otázky k WCAG 2 (otvorí sa na novej karte) vysvetľujú, že tieto problémy teraz spadajú pod iné kritériá, napríklad 4.1.2 Názov, rola, hodnota. Jeden háčik: ak zmluva stále vyžaduje WCAG 2.0 alebo 2.1, možno „budete musieť 4.1.1 naďalej testovať a vykazovať“.

Nezakrytý fokus a vzhľad fokusu: vidia používatelia klávesnice, kde sú?

Tieto kritériá zabezpečujú, aby prvok s fokusom klávesnice zostal viditeľný. Na úrovni AA (2.4.11) nesmie byť odkaz alebo tlačidlo s fokusom úplne zakryté obsahom, ktorý ste pridali vy, napríklad fixnou hlavičkou, lištou s cookies alebo bublinou chatu. Na úrovni AAA nesmie nič zakrývať ani časť prvku (2.4.12) a obrys fokusu musí byť veľký a zreteľne kontrastný (2.4.13).

• Komu pomáha: vidiacim ľuďom, ktorí namiesto myši používajú klávesnicu, často kvôli pohybovému postihnutiu. Ak fokus nevidia, len hádajú.
• Rýchly test: otvorte dlhú stránku, na ktorej je zobrazená lišta s cookies, fixná hlavička aj widget chatu, a opakovane stláčajte Tab. Ak fokus úplne zmizne za niečím iným, ide o porušenie 2.4.11.
• Bežná oprava: pridajte CSS vlastnosť scroll-padding vo výške fixnej hlavičky alebo päty, aby prehliadač posunul prvky s fokusom mimo nich. W3C to uvádza ako postačujúcu techniku (otvorí sa na novej karte). Lišta môže kritérium splniť aj vtedy, ak je modálna a treba ju najprv zavrieť.

Vzhľad fokusu (2.4.13) vyžaduje indikátor aspoň taký veľký ako obrys hrubý 2 CSS pixely okolo komponentu, so zmenou kontrastu aspoň 3:1 medzi stavom s fokusom a bez neho. Ide o úroveň AAA, no plný dvojpixelový obrys výraznej farby ju zvyčajne splní. Náš návod o farebnom kontraste vysvetľuje, ako pomer 3:1 zmerať.

Pohyby ťahaním a veľkosť cieľa: dá sa váš web používať bez presného mierenia?

Tieto dve kritériá úrovne AA pomáhajú ľuďom, ktorým jemné ovládanie ukazovateľa robí problémy. Podľa 2.5.7 musí všetko, čo sa dá urobiť ťahaním, fungovať aj s jednotlivými kliknutiami alebo ťuknutiami. Podľa 2.5.8 musia mať ciele aspoň 24 × 24 CSS pixelov alebo byť od seba tak ďaleko, aby sa kruh s priemerom 24 pixelov so stredom v každom z nich nedotýkal iného cieľa.

2.5.7 Pohyby ťahaním

Predstavte si posuvník cenového rozpätia vo filtroch e-shopu alebo zoznam želaní, ktorého poradie meníte ťahaním. Pre človeka s trasom rúk alebo pre niekoho, kto používa ukazovateľ ovládaný hlavou, môže byť postup stlačiť–podržať–posunúť–pustiť veľmi náročný.

Rýchly test: dokončite každú úlohu s ťahaním len kliknutiami alebo ťuknutiami. Bežná oprava: umožnite kliknúť kdekoľvek na dráhu posuvníka, pridajte vedľa neho polia „min.“ a „max.“ alebo doplňte do zoraďovateľných zoznamov tlačidlá „Posunúť vyššie“ a „Posunúť nižšie“. Samotné ovládanie klávesnicou nestačí: vysvetľujúci dokument W3C (otvorí sa na novej karte) uvádza, že rovnocenné ovládanie klávesnicou „automaticky nespĺňa toto kritérium úspešnosti“.

2.5.8 Veľkosť cieľa (minimum)

Typickými chybami sú malé tlačidlá „×“ vo vyskakovacích oknách, natesno umiestnené čísla strán, hodnotenie hviezdičkami a rady ikon sociálnych sietí. Ťuknúť na nesprávny prvok je nepríjemné pre každého, no pre ľudí so zníženou zručnosťou rúk je to skutočná prekážka.

• Výnimky: odkazy vnútri vety, ciele, ktoré majú na stránke inde rovnocenný ovládací prvok požadovanej veľkosti, prvky, ktorých veľkosť určuje prehliadač a ktorých štýl ste nemenili, a prípady, keď je konkrétna veľkosť nevyhnutná alebo ju vyžaduje zákon.
• Rýchly test: na telefóne vyskúšajte každú malú ikonu a tlačidlo; ak chcete niektoré zmerať, preskúmajte ho vo vývojárskych nástrojoch prehliadača.
• Bežná oprava: pridajte padding. Klikateľná plocha sa zväčší, aj keď ikona vyzerá rovnako. A 24 pixelov berte ako spodnú hranicu: staršie kritérium 2.5.5 na úrovni AAA požaduje 44 × 44.

Konzistentná pomoc a opakované zadávanie: nenútite ľudí hľadať alebo sa opakovať?

Obe sú na úrovni A. Kritérium 3.2.6 Konzistentná pomoc hovorí, že ak sa pomoc, napríklad kontaktné údaje, chat alebo odkaz na časté otázky, zobrazuje na viacerých stránkach, musí byť vždy v rovnakom poradí vzhľadom na zvyšok stránky. Kritérium 3.3.7 Opakované zadávanie hovorí, že ľudia by nemali znova písať údaje, ktoré už v tom istom procese zadali.

Konzistentná pomoc vás nezaväzuje pomoc vôbec ponúkať. Hovorí len to, že ak je telefónne číslo na stránkach produktov v hlavičke, nemalo by sa v pokladni, kde ho ľudia potrebujú najviac, presunúť do päty. Najviac z toho majú ľudia s ťažkosťami s pamäťou alebo pozornosťou. Oprava je zvyčajne spoločná šablóna, nie umiestňovanie pomoci stránku po stránke.

Opakované zadávanie sa týka viackrokových formulárov. Nevyhovuje rezervačný formulár, ktorý pýta e-mail v kroku 1 a znova v kroku 3, ani pokladňa, ktorá vás núti znova napísať rovnakú fakturačnú adresu. Pole vyplňte automaticky alebo ho ponúknite na výber, napríklad zaškrtávacím políčkom „Fakturačná adresa je rovnaká ako dodacia“. Výnimky: opätovné zadanie je nevyhnutné, potrebné z bezpečnostných dôvodov alebo predchádzajúce údaje už nie sú platné.

Prístupná autentifikácia: dá sa prihlásiť bez testu pamäti?

Kritérium úspešnosti 3.3.8 (úroveň AA) hovorí, že žiadny krok prihlásenia nesmie závisieť od testu kognitívnych funkcií, napríklad zapamätania hesla, prepisovania zdeformovaných znakov alebo riešenia hlavolamu, pokiaľ neponúknete alternatívu alebo pomôcku. V praxi: dovoľte správcom hesiel vyplniť polia, povoľte vkladanie a ponúknite metódu, ktorá nezávisí od pamäti.

WCAG definuje test kognitívnych funkcií ako „úlohu, ktorá od používateľa vyžaduje zapamätať si, spracovať alebo prepísať informácie“. Zadanie mena, e-mailovej adresy či telefónneho čísla sa nepočíta, pretože tieto údaje sú vaše osobné a všade rovnaké. Krok prihlásenia na úrovni AA vyhovuje, ak ponúka aspoň jedno z tohto:

• Alternatívu, teda metódu bez kognitívneho testu, napríklad prístupový kľúč (passkey) alebo odkaz poslaný e-mailom.
• Pomôcku, napríklad podporu správcov hesiel alebo kopírovanie a vkladanie, aby sa jednorazový kód nemusel prepisovať.
• Rozpoznávanie objektov, napríklad „vyberte obrázky s bicyklom“.
• Osobný obsah, napríklad rozpoznanie obrázka, ktorý ste sami nahrali.

Verzia na úrovni AAA, 3.3.9, posledné dve možnosti neuznáva, takže obrázková CAPTCHA môže na úrovni AA prejsť, na úrovni AAA nie. Typické chyby: polia na heslo, ktoré blokujú vkladanie alebo správcov hesiel, polia na jednorazový kód, ktoré sa pri vložení pokazia, a textová CAPTCHA bez alternatívy. Najviac získajú ľudia s dyslexiou alebo poruchami pamäti, no problém pozná každý, koho systém po dlhom dni nepustí dnu.

Je WCAG 2.2 povinná zo zákona?

Závisí to od toho, kde pôsobíte a kto ste. Zákony len zriedka uvádzajú konkrétnu verziu WCAG a viaceré stále odkazujú na WCAG 2.1 AA. Keďže WCAG 2.2 je spätne kompatibilná, splnením 2.2 AA splníte aj 2.1 AA, s výnimkou zrušeného 4.1.1. Cieľom 2.2 teda pokryjete obe. Ak zmluva uvádza konkrétnu verziu, riaďte sa zmluvou.

• Európska únia: podľa Európskeho aktu o prístupnosti sa zhoda predpokladá, ak spĺňate harmonizovanú normu EN 301 549. Podľa AccessibleEU (otvorí sa na novej karte) verzia 4.1.1, vydaná v septembri 2026, preberá WCAG 2.2, ale zatiaľ nie je právne záväznou referenciou; kým sa odkaz na ňu neuverejní v Úradnom vestníku EÚ, platí v3.2.1 (vychádzajúca z WCAG 2.1 AA). Náš článok o Európskom akte o prístupnosti vysvetľuje, na koho sa vzťahuje.
• Spojené kráľovstvo: podľa vládneho usmernenia (otvorí sa na novej karte) musia weby a aplikácie verejného sektora spĺňať WCAG 2.2 AA. Toto usmernenie sa týka verejných subjektov, nie súkromných firiem.
• Spojené štáty: pravidlo ministerstva spravodlivosti (Department of Justice) pre štátne a miestne samosprávy používa WCAG 2.1 AA, pričom termíny na splnenie boli v apríli 2026 posunuté (otvorí sa na novej karte) na 26. apríla 2027 a 26. apríla 2028. Pri súkromných firmách ministerstvo vo svojom usmernení z roku 2022 (otvorí sa na novej karte) uvádza, že ADA sa vzťahuje aj na ich weby, ale konkrétnu technickú normu nestanovuje.

A čo WCAG 3?

WCAG 3 je návrh, takže jej zatiaľ nikto nemôže vyhovieť. W3C v septembri 2026 zverejnilo aktualizované návrhy a uvádza, že WCAG 3 sa hotovou normou stane až „o niekoľko rokov“. WCAG 2 potom ešte niekoľko rokov zostane v platnosti, takže verzia, podľa ktorej treba pracovať teraz, je 2.2.

Ako skontrolovať nové kritériá za 15 minút?

Väčšinu porušení šiestich kritérií úrovne A a AA odhalíte približne za 15 minút s klávesnicou, telefónom a vlastnou prihlasovacou stránkou. Nenahradí to úplný audit ani testovanie s ľuďmi so zdravotným postihnutím, ale ukáže vám, kde začať, a vývojár dostane konkrétny zoznam.

1. Prejdite klávesom Tab domovskú stránku, stránku produktu a pokladňu so všetkými zobrazenými lištami. Vidíte vždy fokus? (2.4.11)
2. Dokončite každú úlohu s posuvníkom alebo s ťahaním a pustením len kliknutiami alebo ťuknutiami. (2.5.7)
3. Na telefóne vyskúšajte každé tlačidlo na zatvorenie, číslo strany a malú ikonu. (2.5.8)
4. Porovnajte, kde sa na troch typoch stránok zobrazuje pomoc a kontaktné údaje. (3.2.6)
5. Prejdite nákupom alebo rezerváciou a zapíšte si každú otázku, na ktorú odpovedáte dvakrát. (3.3.7)
6. Prihláste sa so správcom hesiel, potom vložte heslo a jednorazový kód. Má každá CAPTCHA alternatívu? (3.3.8)

Pre zvyšok WCAG prechádza náš návod, ako otestovať prístupnosť webu, bezplatné nástroje a ručné kontroly a náš kontrolný zoznam prístupnosti webu premieňa časté chyby na zoznam úloh. Čo zatiaľ opraviť nemôžete, patrí do vášho vyhlásenia o prístupnosti.

Poznámka k widgetom vrátane nášho: žiadne z týchto kritérií sa nedá splniť panelom na strane návštevníka. Veľký kurzor uľahčí mierenie na malé ciele, ale neurobí ich širokými 24 pixelov, a zvýraznenie fokusu neodsunie fixnú lištu z cesty. Každé nové kritérium sa týka toho, ako sú vaše stránky postavené, takže oprava patrí do šablón a kódu.