Štandard WCAG 2.2 bol schválený 5. októbra 2023 a predstavuje ďalší dôležitý krok v zlepšovaní digitálnej prístupnosti webových stránok a aplikácií. Nadväzuje na WCAG 2.0 a 2.1, pričom všetky ich kritériá úspešnosti zostávajú zachované s jedinou výnimkou – kritérium 4.1.1 Syntaktická analýza bolo označené za zastarané a z novej verzie odstránené. Hlavným cieľom WCAG 2.2 je riešiť konkrétne problémy, s ktorými sa používatelia denne stretávajú, najmä ľudia so zníženou pohyblivosťou, zrakovým postihnutím alebo kognitívnymi obmedzeniami. Nové kritériá sa zameriavajú na lepšiu viditeľnosť zamerania pri ovládaní klávesnicou, primeranú veľkosť ovládacích prvkov, dostupné alternatívy k ťahaniu myšou, konzistentnú pomoc a jednoduchšiu, prístupnejšiu autentifikáciu. Tento článok postupne predstavuje nové pravidlá WCAG 2.2, vysvetľuje ich význam a ilustruje ich na reálnych príkladoch z praxe.
Ktoré nové pravidlá boli schválené?
2.4.11 Zameranie (fokus) nie je zakryté (Minimálne) (AA)
Zabezpečte, aby bol prvok, ktorý je zameraný prostredníctvom klávesnice, aspoň čiastočne viditeľný.
Prečo to je dôležité: Ľudia, ktorí nemôžu používať myš, potrebujú vidieť, aký prvok má zameranie.
Problém: Táto stránka má veľký banner, ktorý je vždy v spodnej časti. (sticky footer) Keď presuniem zameranie na položky, niektoré sú skryté za bannerom a nevidím ich.
2.4.12 Zameranie (fokus) nie je zakryté (Rozšírené) (AAA)
Zabezpečte, aby bol prvok, ktorý je zameraný prostredníctvom klávesnice, úplne viditeľný.
2.4.13 Zobrazenie zamerania (fokusu) (AAA)
Používajte indikátor zamerania (fokusu) s dostatočnou veľkosťou a kontrastom.
Prečo to je dôležité: Mnohí ľudia vrátane starších ľudí nevidia malé zmeny vo vizuálnom vzhľade.
Problém: Pri pohybe na webovej stránke alebo v aplikácii neviem určiť, kde sa nachádza zameranie (fokus) klávesnice.
2.5.7 Pohyby potiahnutí (AA)
Pre akúkoľvek akciu, ktorá zahŕňa ťahanie, poskytnite alternatívu jednoduchého ukazovateľa.
Prečo to je dôležité: Niektorí ľudia nemôžu používať myš na presúvanie položiek.
Problém: Nemôžem podržať stlačené tlačidlo myši a ťahať ho dostatočne presne, aby som mohol presunúť položky v tomto zozname.
2.5.8 Veľkosť cieľa (Minimálne) (AA)
Zabezpečte, aby ciele spĺňali minimálnu veľkosť alebo mali okolo seba dostatočný odstup.
Prečo to je dôležité: Niektorí ľudia s telesným postihnutím nemôžu kliknúť na malé tlačidlá, ktoré sú blízko seba.
Problém: Tlačidlá sú tak blízko, že keď som chcel stlačiť tlačidlo „Odoslať“, stlačil som tlačidlo „Zrušiť“. Potom musím začať odznova.
3.2.6 Konzistentná pomoc (A)
Umiestnite nápovedu na rovnaké miesto, ak sa nachádza na viacerých stránkach.
Prečo to je dôležité: Ľudia, ktorí potrebujú pomoc, ju ľahšie nájdu, ak je na rovnakom mieste.
Problém: Vždy, keď používam online aplikáciu na plánovanie lekárskych návštev, nemôžem si spomenúť, čo mám v jednotlivých krokoch urobiť. Na niektorých miestach som videl možnosť Chat, ale teraz ju neviem nájsť.
3.3.7 Opakovaný vstup (A)
Nepýtajte sa na tie isté informácie dvakrát počas tej istej relácie.
Prečo to je dôležité: Niektorí ľudia s kognitívnymi poruchami majú problém zapamätať si, čo zadali predtým.
Problém: Vždy, keď používam online aplikáciu na plánovanie lekárskych návštev, musím znovu zadať niektoré informácie, ktoré som zadal v predchádzajúcom kroku.
3.3.8 Prístupná autentifikácia (Minimálne) (AA)
Nenúťte ľudí niečo riešiť, pripomínať alebo prepisovať, aby sa mohli prihlásiť.
Prečo to je dôležité: Niektorí ľudia s kognitívnymi poruchami nedokážu riešiť hádanky, zapamätať si používateľské meno a heslo alebo opakovane zadávať jednorazové prístupové kódy.
Problém: Nikdy si nemôžem spomenúť na svoje heslo, je naozaj ťažké dostať sa do tejto aplikácie.
3.3.9 Prístupná autentifikácia (Rozšírené) (AAA)
Nenúťte ľudí rozpoznávať objekty alebo obrázky a médiá poskytnuté používateľom, aby sa mohli prihlásiť.
Prečo to je dôležité: Niektorí ľudia s kognitívnymi poruchami nedokážu riešiť hádanky vrátane identifikácie predmetov a netextových informácií, ktoré predtým poskytli.
Problém: Aby som sa dostal do tejto aplikácie, žiada ma, aby som klikol na obrázky mačiek, ale neviem určiť, ktoré sú to mačky.