Kompletný sprievodca pre vývojárov, dizajnérov a digitálne tímy, ktorí tvoria webstránky a e-shopy. Digitálny svet by mal byť dostupný pre každého, bez ohľadu na zrak, sluch, motorické schopnosti alebo kognitívne limity. Prístupnosť webu (angl. web accessibility) je o tom, ako navrhovať, vyvíjať a testovať web tak, aby ho mohli pohodlne používať aj ľudia so zdravotným postihnutím.
Ak sa snažíte vytvárať kvalitný web, ktorý slúži všetkým používateľom bez rozdielu, prístupnosť je nevyhnutnou súčasťou. Cieľom tohto článku je poskytnúť vám jasný a praktický prehľad toho najdôležitejšieho z oblasti digitálnej prístupnosti – bez potreby zdĺhavého vyhľadávania a štúdia roztrúsených zdrojov.
Na jednom mieste nájdete základné princípy, prehľad štandardov, legislatívne požiadavky, ako aj odporúčania pre testovanie a implementáciu. Po prečítaní budete mať pevný základ na to, aby ste mohli začať tvoriť webové rozhrania, ktoré sú inkluzívne, použiteľné a zároveň pripravené na budúce zákonné požiadavky.
Obsah článku
- Pre koho robíme web prístupný
- Ako ľudia s hendikepom používajú web
- Špecifikácie a štandardy
- WCAG
- WAI-ARIA
- Ako testovať prístupnosť
- Najčastejšie mýty o prístupnosti
- Legislatíva
- Tipy na záver
Prístupný web prináša výhody nielen ľuďom so zdravotným postihnutím, ale aj všetkým užívateľom vašej webovej stránky alebo e-shopu. Pozrime sa na benefity toho, že je web prístupný a použiteľný.
- Uľahčuje používanie webu v rôznych životných situáciách (napr. keď si zabudnete okuliare alebo sledujete video bez zvuku).
- Zlepšuje SEO vďaka kvalitnej sémantike.
- Zvyšuje použiteľnosť a používateľský komfort (UX).
- Prispieva k spoločenskej zodpovednosti a dôveryhodnosti značky.
Okrem toho od roku 2025 vstúpia do platnosti nové legislatívne požiadavky EÚ, ktoré rozšíria povinnosť zabezpečiť prístupnosť aj na prevádzkovateľov e-shopov, bánk, dopravcov či poskytovateľov digitálnych služieb.
Pre koho robíme web prístupný
Prístupnosť sa týka miliónov ľudí po celom svete, ktorí čelia rôznym typom obmedzení.
- Zrakové postihnutie ľudí od úplnej nevidiacnosti po farbosleposť. Používajú čítačky obrazovky alebo si prispôsobujú kontrast či veľkosť písma.
- Sluchové postihnutie, kde užívatelia potrebujú textové alternatívy (napr. titulky k videám).
- Pohybové obmedzenia, kde užívatelia často nemôžu používať myš a ovládajú web klávesnicou alebo špeciálnym zariadením.
- Kognitívne poruchy u ľudí, ako dyslexia, poruchy sústredenia, pamäťové problémy, duševné ochorenia alebo dočasné stavy (únava, stres, intoxikácia).
Podľa údajov z roku 2020 je na Slovensku evidovaných viac ako 337-tisíc ľudí so zdravotným postihnutím, pričom celosvetovo ich počet presahuje 1 miliardu. Inkluzívny web nie je výsadou – je to moderný štandard.
Ako ľudia s hendikepom používajú web
Používateľ s obmedzením často potrebuje kombináciu rôznych technológií a prispôsobení, aby mohol web bezpečne, efektívne a samostatne používať. Tieto nástroje a techniky mu umožňujú prekonávať bariéry, ktoré by inak znemožňovali prístup k informáciám, službám alebo funkcionalite webu.
Najčastejšie používané technológie a prispôsobenia
Asistenčné technológie
Tieto nástroje sprostredkúvajú interakciu so zariadeniami alebo webovým obsahom tak, aby boli dostupné aj pri zmyslových či motorických obmedzeniach.
- Čítačky obrazovky (napr. NVDA, JAWS, VoiceOver) užívateľa prevádzajú text z obrazovky do syntetického hlasu alebo braillovho riadku.
- Braillove riadky zobrazujú text v hmatovej podobe pre nevidiacich používateľov.
- Alternatívne vstupné zariadenia ako napríklad prepínače, joystickové ovládače alebo „head pointer“ pre ľudí s ťažkým telesným postihnutím.
- Softvérové lupy, ktoré zväčšujú obsah obrazovky (napríklad ZoomText).
- Hlasové ovládanie umožňuje ovládať web hlasovými príkazmi (napríklad Dragon NaturallySpeaking).
Adaptívne používateľské nastavenia
Ide o možnosti prispôsobenia samotného zariadenia alebo prehliadača podľa potrieb používateľa.
- Zväčšenie textu alebo celého rozhrania.
- Aktivácia vysokého kontrastu alebo tmavého režimu.
- Vypnutie animácií a vizuálne rušivých efektov.
- Zapnutie titulkov pre multimediálny obsah.
- Zobrazenie len základného obsahu bez zložitých prvkov (napríklad cez čítačky typu Reader View).
Zjednodušené navigačné stratégie
Niektorí používatelia nevyužívajú myš alebo touchpad, ale výlučne klávesnicu alebo iné spôsoby ovládania. Preto musia byť všetky interaktívne prvky dostupné cez klávesové skratky a logickú štruktúru.
- Používanie klávesov Tab, Enter, Esc, Shift+Tab, Arrow Keys na pohyb po stránke.
- Predvídateľné a konzistentné ovládanie komponentov (formuláre, modálne okná, navigácie).
Kognitívne pomôcky
Používatelia s poruchami učenia alebo koncentrácie profitujú z rôznych úprav na zariadení a pri používaní webstránky alebo e-shopu.
- Jednoduchého a jasného jazyka.
- Logickej hierarchie obsahu.
- Obmedzenia vizuálneho preťaženia (napríklad príliš veľa farieb, animácií, blikajúcich prvkov).
Možnosti čítať obsah krok za krokom, bez nutnosti spracovať všetko naraz. Preto je dôležité myslieť na to, že používatelia s obmedzeniami nevyužívajú len „jeden spôsob“, ale kombinujú technológie, zvyky a prispôsobenia podľa individuálnych potrieb. Ak web nedodržiava štandardy prístupnosti, môže sa stať úplne nepoužiteľným – aj keď na pohľad funguje bez problémov.
Špecifikácie a štandardy WCAG – Web Content Accessibility Guidelines
Súbor pravidiel a odporúčaní, ktoré definujú, ako má byť web prístupný. Vydáva ich W3C.
Úrovne súladu s normou
- A – základná dostupnosť
- AA – štandardná úroveň, ktorú by mal splniť každý web
- AAA – pokročilé prispôsobenie, ktoré však nie je vždy realistické
Príklad kritéria
Napríklad je možné, že pre nesprávny kontrast sú prvky slabo viditeľné. V kontrolovaných kritériách pri audite prístupnosti s možným rozšírením použiteľnosti je minimálny kontrast.
1.4.3 Minimálny kontrast (AA)
Text musí mať voči pozadiu kontrast aspoň 4.5:1. Výnimky sú veľké písmo, logá, dekoratívne prvky.
Odporúčané zdroje
- WebAIM WCAG Checklist
- W3C How to Meet WCAG (Quickref)
- WAI-ARIA – Accessible Rich Internet Applications
Rozširuje možnosti HTML o dodatočné atribúty, ktoré pomáhajú čítačkám obrazovky rozpoznať význam a správanie prvkov, ktoré by inak boli pre ne „neviditeľné“ (napríklad vlastné komponenty ako modálne okná, karusely a poddobne).
Zásady prístupu
- Uprednostňujte natívne HTML prvky pred vlastnými.
- Používajte ARIA len tam, kde HTML nestačí.
Zlé použitie ARIA môže znížiť prístupnosť viac než jej nepoužitie.
Odporúčané študijné materiály
- WAI-ARIA basics – MDN
- WebAIM – Introduction to ARIA
- ARIA Authoring Practices Guide
- Ako testovať prístupnosť
- Automatizované testovanie
- Lighthouse (v Chrome DevTools)
- WAVE Tool
Manuálne testovanie
- Navigujte web iba pomocou klávesnice.
- Vypnite obrázky alebo zvuk a sledujte použiteľnosť.
- Čítajte zdrojový kód.
- Otestujte čitateľnosť textov a kontrast.
- Využívajte checklisty.
Externý audit
Ten je prvým krokom k náprave a k zmenám na webstránke. Na Slovensku audity vykonáva napríklad Únia nevidiacich a slabozrakých Slovenska alebo súkromné firmy, či dodávatelia webstránok. Prípadne vieme pomôcť aj u nás.
Najčastejšie mýty o prístupnosti
Ako pri každej komplexnejšej téme, tak aj tu je náročné oddeliť fakty od dojmov. Preto si spíšme najčastejšie mýty a realita.
Mýty
- Zapojený musí byť celý tím (dizajnéri, tvorcovia obsahu, testeri, programátori pre zmeny na webstránke).
- Zodpovednosť len vývojára.
- Prístupnosť je drahá a zložitá.
- Stačí ju riešiť pred spustením.
Realita
- Prístupnosť je len pre malú skupinu ľudí.
- Týka sa miliardy ľudí a aj bežných situácií.
- Ak sa na ňu myslí od začiatku, je prirodzenou súčasťou procesu.
- Prístupnosť je kontinuálny proces.
Legislatíva na Slovensku
Zákon č. 95/2019 Z. z. a Vyhláška č. 78/2020 Z. z. ukladá povinnosti sa týkajú webov a aplikácií verejnej správy.
- Spĺňať WCAG 2.1 na úrovni A a AA.
- Zverejniť vyhlásenie o prístupnosti (formulár je dostupný na webe ministerstva).
- Uviesť kontakt pre hlásenie problémov s prístupnosťou.
- Európsky akt o prístupnosti (2025)
Zákon o prístupnosti aj pre e-shopy a firmy poskytujúce služby online
Zákon č. 351/2022 o prístupnosti výrobkov a služieb pre osoby so zdravotným postihnutím sa vzťahuje na služby poskytované spotrebiteľom v rámci služieb osobnej dopravy (leteckej, železničnej, autobusovej, vodnej), na finančné služby, elektronické knihy, špecializovaný softvér aj služby informačnej spoločnosti a online služieb. Ako uviedla pre Podnikajte.sk SOI.
- Poskytovateľov služieb informačnej spoločnosti, teda osôb poskytujúcich služby na diaľku počas spojenia elektronických zariadení elektronickou komunikačnou sieťou, spravidla za úhradu na žiadosť príjemcu služby.
- Prevádzkovateľov online trhov, subjektov, ktorí umožňujú predaj produktov prostredníctvom online rozhrania.
- Poskytovateľov platforiem na zdieľanie videí/obsahu, subjektov, ktorí poskytujú platformy umožňujúce ukladanie a šírenie videí alebo iného obsahu.
SOI ako príklady uvádza, že zákone je povinný pre nasledujúce typy webstránok.
- E-shopy a online obchody.
- Webové stránky poskytujúce služby za úhradu.
- Platformy na zdieľanie obsahu (obrázkov, videí, textov).
- Online trhoviská.
- Aplikácie poskytujúce digitálny obsah alebo digitálne služby.
Avšak, existujú aj výnimky, na ktoré sa nové povinnosti nevzťahujú. V prvom rade je dôležité zdôrazniť, že zákon sa nevzťahuje na služby poskytované mikropodnikom, teda podnik, ktorý zamestnáva menej ako 10 osôb a ktorého ročný obraz a/alebo celková ročná bilančná hodnota nepresahuje 2 milióny eur.
Tipy na záver
Začnite s prístupnosťou už v návrhu wireframov a pri príprave dizajnu. Ak už máte web, je nevyhnutný audit prístupnosti.
- Využívajte natívne HTML prvky a dopĺňajte ich ARIA len v nevyhnutných prípadoch.
- Pravidelne testujte kombináciou automatizácie a manuálneho overovania.
- Zapojte reálnych používateľov s postihnutím, ich spätná väzba je neoceniteľná.
- Prístupnosť nie je cieľ, je to neoddeliteľná súčasť kvalitného digitálneho produktu.
Zabezpečenie prístupnosti nie je len právnou povinnosťou, je to príležitosť vytvárať digitálny svet, ktorý je spravodlivý, inkluzívny a použiteľný pre každého. A dobrá správa? Vďaka štandardom, nástrojom a komunitám je to dnes oveľa jednoduchšie než kedykoľvek predtým. Prístupnosť a použiteľnosť e-shopov a webstránok je pozitívne vnímané aj pri indexácii v nástrojoch tretích strán, vyhľadávačoch.
