Norma WCAG 2.1 AA sa vás priamo týka ak ste webový dizajnér, developer, UX špecialista. Ak spravujete web pre obec, školu, e-shop či akúkoľvek firmu, od 28. júna 2025 si poznačte jedno: vstupuje do platnosti smernica EÚ, ktorá nariaďuje dodržiavanie normy WCAG 2.1 AA. Táto norma nie je len ďalší zoznam pravidiel. Ide o zásadný krok k tomu, aby bol web prístupný pre všetkých.
Koho sa týka norma WCAG 2.1
Norma WCAG (Web Content Accessibility Guidelines) sú medzinárodne uznávané pravidlá prístupnosti webového obsahu. Norma WCAG 2.1 AA je stredne prísna úroveň, ktorú EÚ zvážila a považuje za optimálny štandard. Tento štandard sa bude uplatňovať a vyžadovať od každej webovej aplikácie.
Od 28. júna 2025 bude táto norma záväzná pre všetky nové webové stránky a aplikácie, ktoré: Sú verejne financované (napr. školy, obce, nemocnice).
Poskytujú služby verejnosti napríklad dopravné podniky, banky, poisťovne, alebo patria medzi takzvané subjekty verejného záujmu. Napríklad veľké podniky s dominantným vplyvom na trh alebo spoločenský život. Odporúčam prečítať článok script speculationrules pretože táto téma spolu úzko súvisí.
Vaša webová stránka spadá priamo pod zákonnú povinnosť, takže dodržať normy WCAG 2.1 AA je nutnosťou, pretože to zlepšuje UX, SEO a zároveň predchádza budúcim postihom.
Čo treba upraviť, aby bol web alebo aplikácia v súlade s normou WCAG 2.1 AA
Norma WCAG obsahuje kritériá prístupnosti, ktoré sú rozdelené do štyroch hlavných princípov:
Vnímateľnosť – obsah musí byť zrozumiteľný všetkými zmyslami.
Musí obsahovať alternatívne texty pre obrázky.
Má mať dostatočný kontrast textu a pozadia.
Možnosť zväčšenia textu bez straty funkčnosti.
Ovládateľnosť – stránka sa musí dať pohodlne ovládať aj bez myši.
Musí obsahovať ovládateľnosť navigácie cez klávesnicu.
Zabezpečená logická postupnosť zamerania.
Predchádzanie epileptickým záchvatom (nesmie obsahovať napr. blikajúce prvky).
Zrozumiteľnosť – text aj funkcionalita musia byť jednoduché na pochopenie. Teda má byť použitý jednoduchý jazyk.
Predvídateľné správanie prvkov (napr. tlačidlo robí to, čo sľubuje).
Označenie chýb vo formulároch.
Robustnosť – stránka musí byť kompatibilná s rôznymi technológiami.
Webová aplikácia má obsahovať
Má obsahovať korektný HTML kód. Nedovolím si tvrdiť, že za každú cenu musí byť valídny a bez chybičky. Veď kto nič nerobí, nerobí ani chyby. Tvrdím však, že čím čistejší zdrojový kód HTML tým viac príde návštevníkov z organického vyhľadávania.
Kompatibilita s čítačkami obrazovky musí byť dodržaná.
Použitie ARIA značiek pre dynamické prvky musí byť v norme.
Praktický zoznam vecí, ktoré by ste mali skontrolovať na svojom webe:
Má každý obrázok svoj alternatívny popis?
Je text dostatočne kontrastný?
Dajú sa všetky funkcie používať len pomocou klávesnice?
Oznamuje web používateľovi zmenu stavu (napr. po odoslaní formulára)?
Je HTML validný a logicky štruktúrovaný?
Nepoužívate „klikni tu“ (click here) odkazy bez kontextu?
Sú tlačidlá a odkazy dostatočne veľké na mobiloch?
Čo hrozí v prípade nedodržania WCAG 2.1
V prípade, že web alebo aplikácia nebude spĺňať normu, EÚ umožňuje podávať oficiálne sťažnosti, ktoré môžu viesť až k sankciám. To sa týka najmä verejných a poloverejných inštitúcií, ale aj súkromných web stránok.
Zároveň ide aj o reputáciu – ak vaša stránka bude vylúčená z používateľnosti. Napríklad pre nevidiacich alebo seniorov, môžete stratiť nielen návštevníkov, ale aj dôveru.
Zamyslite sa a konfrontujete, je váš web pre všetkých.
WCAG 2.1 AA nie je o obmedzení kreativity – je to spôsob, ako zvýšiť kvalitu digitálnych riešení, sprístupniť ich širšiemu publiku a dodržať zákonné normy. Je to výzva, ale aj príležitosť ukázať, že vám na ľuďoch záleží.
Ak navrhujete alebo vyvíjate webové riešenia, odteraz musíte myslieť aj na používateľov s obmedzeniami. Prístupnosť nie je len o čítačkách obrazovky – je o tom, aby bol digitálny svet férový, otvorený a použiteľný pre všetkých. Pre porovnanie máte možnosť konfrontovať môj web s webom profesionálneho dodávateľa webov. Naviac urobil profesionál chybu, keď rozbil základnú štruktúru webu v samotnom sitemape. Dokonca na niekoľko častí, takže hierarchia je veľmi zle naprogramovaná.
Otvoriť obrázok v plnom rozlíšení v novom okne.
Začnite s auditom svojho webu. Existuje množstvo nástrojov ako WAVE, AXE, Lighthouse či Accessibility Insights, ktoré vám pomôžu identifikovať problémy. Ak si neviete rady, oslovte špecialistu na prístupnosť.
Ponúkam aj priamy odkaz na zavedenie pravidiel ako je 🔗 norma WCAG 2.1 AA Európskou úniou do praxe. Tu si môžete podrobne prečítať čo je smernica EÚ a celé jej nariadenie.
Prístupný web je profesionálny web. Od 28. júna to bude aj povinnosť. Ak potrebujete zistiť v akom stave je práve vaša webová aplikácia, neváhajte mi napísať emailom me(at)photoknut.eu, alebo cez facebook a iné kontaktné služby. Audity vykonávam do 24 hodín od zadania. ☕ Ak si chcete prečítať všeobecne o optimalizácii webu tak odporúčam článok SEO Optimalizácia.
Pre vás pripravil Pavol Knut Navrátil