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Ú Európsky zákon o prístupnosti (European Accessibility Act) od júna 2025 vyžaduje WCAG 2.1 Level AA pre väčšinu komerčných digitálnych služieb. Verejný sektor EÚ podlieha prísnejším požiadavkám. V USA ADA (Americans with Disabilities Act) sa čoraz viac interpretuje ako pokrývajúci webové aplikácie. Prístupnosť nie je len etická voľba — stáva sa právnou požiadavkou.
Z našej praxe
V Strange Loops implementujeme WCAG 2.1 Level AA ako minimum na všetkých klientských projektoch. Pre SylvoRehab (zdravotnícka aplikácia) je prístupnosť kritická — pacienti môžu mať rôzne obmedzenia a aplikácia musí fungovať pre každého. V praxi to znamená: sémantické HTML (nie `div` tam, kde patrí `button`), správne ARIA atribúty kde HTML nestačí, viditeľný focus stav pre klávesnicovú navigáciu a testovanie cez NVDA alebo VoiceOver. Automatizované nástroje (axe, Lighthouse) zachytia asi 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 od júna 2025 vyžaduje WCAG 2.1 AA pre väčšinu komerčných digitálnych služieb v EÚ.
- 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).
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ť.