WCAG 2.2
WCAG 2.2 (Web Content Accessibility Guidelines) je medzinárodný štandard W3C definujúci, ako tvoriť webový obsah prístupný pre ľudí so zdravotným postihnutím — zrakovým, sluchovým, motorickým aj kognitívnym — organizovaný do 87 kritérií na troch úrovniach zhody.
Ako to funguje
WCAG je skratka, za ktorou stojí konkrétny záväzok: web by mal byť použiteľný pre každého, bez ohľadu na to, ako interaguje s počítačom. Niekto používa čítačku obrazovky (screen reader) namiesto myši a monitora. Niekto ovláda počítač len klávesnicou kvôli motorickému postihnutiu. Niekto potrebuje väčší kontrast alebo si nastavuje väčšie písmo. WCAG 2.2 (publikované v roku 2023) definuje technické kritériá, ktoré tieto scenáre pokrývajú.
Štandard je organizovaný do štyroch princípov — POUR: Perceivable (vnímateľný), Operable (ovládateľný), Understandable (zrozumiteľný), Robust (robustný). Každý princíp má usmernenia, každé usmernenie má testovateľné kritériá. Najdôležitejšie pre vývojárov: všetky obrázky musia mať alt text, kontrastný pomer textu musí byť aspoň 4,5:1 (AA), všetky funkcie musia byť ovládateľné klávesnicou, formulárové polia musia mať správne labely, focusový stav musí byť viditeľný.
WCAG 2.2 pridalo oproti 2.1 niekoľko nových kritérií vrátane: Focus Not Obscured (focus indikátor nesmie byť zakrytý sticky hlavičkou), Dragging Movements (všetky drag akcie musia mať alternatívu bez drag), Accessible Authentication (CAPTCHA nesmie vyžadovať kognitívne testy bez alternatívy) a Target Size (klikateľné elementy musia mať minimálne 24×24px). Tieto zmeny odrážajú reálne bariéry, na ktoré narazia používatelia s postihnutím.
Právna relevancia WCAG rastie. V EÚ je od 28. júna 2025 v účinnosti Európsky zákon o prístupnosti — smernica (EÚ) 2019/882, European Accessibility Act — ktorý cez harmonizovanú normu EN 301 549 vyžaduje úroveň WCAG 2.1 AA pre vybrané kategórie komerčných digitálnych služieb: najmä e-commerce pre spotrebiteľov, spotrebiteľské bankové služby, elektronické komunikácie, prístup k audiovizuálnym mediálnym službám a cestovnú dopravu. Verejný sektor EÚ podlieha samostatným požiadavkám cez smernicu (EÚ) 2016/2102 o prístupnosti webových sídel a mobilných aplikácií. V USA sa ADA (Americans with Disabilities Act) v súdnej praxi čoraz viac interpretuje ako vzťahujúca sa aj na webové aplikácie. Prístupnosť tak pre relevantné sektory nie je len etická voľba, ale právna požiadavka.
Z našej praxe
WCAG 2.1 Level AA je realistické minimum pre väčšinu projektov; v zdravotníctve a verejnom sektore je prakticky nevyhnutné. V praxi to znamená: sémantické HTML (nie `div` tam, kde patrí `button`), správne ARIA atribúty tam, kde HTML nestačí, viditeľný focus stav pre klávesnicovú navigáciu a testovanie cez NVDA alebo VoiceOver. Automatizované nástroje (axe, Lighthouse) zachytia približne 30 % problémov — zvyšok vyžaduje manuálne testovanie.
Kedy to potrebujete
- Vyvíjate aplikáciu pre verejný sektor alebo zdravotníctvo, kde WCAG zhoda je priamo požadovaná zákonom alebo tendrom.
- Vaša aplikácia má staršie používateľské skupiny — dobré kontrasty, čitateľné písmo a klávesnicová navigácia pomáhajú všetkým, nielen ľuďom s postihnutím.
- Chcete sa vyhnúť právnemu riziku — European Accessibility Act (účinnosť od 28. júna 2025) vyžaduje WCAG 2.1 Level AA pre vybrané kategórie komerčných digitálnych služieb v EÚ vrátane e-commerce pre spotrebiteľov a spotrebiteľských bankových služieb.
- Robíte SEO audit a chcete zlepšiť technické signály — sémantické HTML a správna štruktúra nadpisov sú zároveň WCAG aj SEO best practice.
Najčastejšie otázky
Aký je rozdiel medzi WCAG úrovňami A, AA a AAA?
Úroveň A sú základné požiadavky — nesplnenie blokuje niektorých používateľov. Úroveň AA je priemyselný štandard a právna požiadavka vo väčšine kontextov. Úroveň AAA je aspiračná a vyžaduje značné úsilie — nie je realisticky dosiahnuteľná pre všetok obsah. Väčšina projektov cieli na AA.
Stačia automatizované nástroje na testovanie prístupnosti?
Nie — nástroje ako Lighthouse, axe alebo WAVE zachytia len asi 30 % prístupnostných problémov, tých, ktoré sa dajú algoritmicky overiť (chýbajúci alt text, nízky kontrast). Zostatok vyžaduje manuálne testovanie: navigáciu klávesnicou, testovanie so screen readerom, kognitívne hodnotenie obsahu. Automatizované testovanie je dobrý štart, nie kompletný audit.
Vzťahuje sa WCAG na mobilné aplikácie?
WCAG bol navrhnutý pre web, ale W3C vydalo Mobile Accessibility doplnok a platforma-špecifické štandardy (WCAG 2.1 Section 508 pre iOS/Android) z neho vychádzajú. European Accessibility Act pokrýva aj mobilné aplikácie. Ak tvoríte Progressive Web App, WCAG sa vzťahuje priamo. Pre natívne aplikácie platia platformové smernice (Apple HIG, Material Design accessibility).
Aké nástroje sa používajú na testovanie prístupnosti webu?
Automatizované: axe DevTools, Lighthouse (záložka Accessibility v Chrome DevTools), WAVE a Pa11y — odhalia chýbajúce alt texty, nízky kontrast, chyby v ARIA. Manuálne: navigácia celou stránkou len cez klávesnicu (Tab, Enter, Esc), testovanie so screen readerom — NVDA alebo JAWS na Windows, VoiceOver na macOS a iOS, TalkBack na Androide — a kontrola kontrastu cez nástroje ako Colour Contrast Analyser. Automatizované nástroje zachytia približne 30 % problémov; zvyšok sa dá overiť iba manuálne. Spoľahlivý audit kombinuje oboje.
Čo hrozí, ak web nespĺňa WCAG?
Praktický dôsledok: časť používateľov sa k obsahu alebo k akcii (objednávka, prihlásenie, formulár) jednoducho nedostane. Právny dôsledok závisí od sektora — pre kategórie pokryté Európskym zákonom o prístupnosti (smernica EÚ 2019/882, účinná od 28. júna 2025: e-commerce pre spotrebiteľov, spotrebiteľské bankové služby, elektronické komunikácie a ďalšie) je úroveň WCAG 2.1 AA povinnosť a nedodržanie môže viesť k sankciám. Verejný sektor EÚ podlieha samostatnej smernici (EÚ) 2016/2102. Pri verejných tendroch býva zhoda s WCAG priamo v zadaní.
Súvisiace pojmy
SEO — Search Engine Optimization
SEO (Search Engine Optimization) je súbor techník na zlepšenie viditeľnosti webstránky v organickom (neplatenom) vyhľadávaní — zahŕňa technickú optimalizáciu, kvalitu obsahu a budovanie autority domény.
Schema markup
Schema markup (schema.org) sú štruktúrované dáta vo formáte JSON-LD vkladané do HTML stránky, ktoré vyhľadávačom a AI systémom explicitne hovoria, čo stránka obsahuje — produkt, službu, FAQ, organizáciu — namiesto toho, aby to museli uhádnuť z textu.
Core Web Vitals
Core Web Vitals sú tri metriky od Google, ktoré merajú reálny zážitok používateľa na webstránke: LCP (rýchlosť načítania hlavného obsahu), INP (odozva na interakciu) a CLS (vizuálna stabilita stránky počas načítavania). Google ich používa ako priamy faktor pre ranking.
Potrebujete s tým pomôcť?
Ak riešite niečo z toho, čo tu opisujeme, ozvite sa. Povieme vám, či a ako vieme pomôcť.