Čo je prístupnosť webu a ako vytvoriť prístupný web?

Čo je prístupnosť webu?

Prístupnosť webu (accessibility) znamená vytváranie webových stránok tak, aby boli použiteľné vrátane osôb so zdravotným znevýhodnením – napríklad nevidiacich, slabozrakých, nepočujúcich, ľudí s poruchami pohybu alebo kognitívnymi poruchami.

Hlavné princípy webovej prístupnosti

Webová stránka by mala spĺňať nasledovné princípy:

• Vnímateľosť – obsah musí byť prezentovaný spôsobom, ktorý môžu ľudia vnímať (napr. textové alternatívy k obrázkom pre čítačky obrazovky).
• Ovládateľnosť – všetky funkcie musia byť použiteľné pomocou rôznych spôsobov ovládania (napr. len klávesnicou, nie len myšou).
• Zrozumiteľnosť – obsah a ovládanie stránky musia byť jasné a predvídateľné.
• Robustnosť – stránka by mala fungovať s rôznymi technológiami vrátane asistenčných technológií (napr. čítačky obrazovky, braillove riadky).

Prečo záleží na prístupnosti webu?

1. Zákonná povinnosť – v mnohých krajinách (aj na Slovensku) je prístupnosť povinná pre verejné inštitúcie.
2. Etika a inklúzia – umožňuje rovnaký prístup k informáciám a službám všetkým ľuďom.
3. SEO a použiteľnosť – zlepšuje celkovú kvalitu webu pre všetkých používateľov.

Kto má prekážky v prístupe na web?

Prekážky pri používaní webu môžu mať najmä ľudia so zdravotným znevýhodnením. Rovnako môžu mať problém aj osoby s poruchami učenia, starší ľudia so zhoršeným zrakom alebo pomalšími reakciami, ale aj ľudia so dočasným obmedzením – napríklad so zlomenou rukou alebo v hlučnom prostredí.

• Nevidiaci a slabozrakí – spoliehajú sa na čítačky obrazovky, braillove riadky alebo zväčšovanie textu.
• Nepočujúci a nedoslýchaví – potrebujú titulky alebo prepisy hovoreného obsahu.
• Ľudia s poruchami pohybu – napr. ochrnutie, tras, problémy s jemnou motorikou; používajú klávesnicu, hlasové ovládanie alebo iné technológie namiesto myši.
• Ľudia s kognitívnym alebo mentálnym znevýhodnením – napr. poruchy učenia, autizmus, demencia; potrebujú jednoduchý, zrozumiteľný obsah a jasnú navigáciu.
• Ľudia so záchvatovými poruchami (napr. epilepsia) – môžu byť ohrození blikajúcim alebo rýchlo sa meniacim obsahom.
• Starší ľudia – často kombinácia viacerých obmedzení (zrak, sluch, reakcie, technická zručnosť).
• Ľudia s dočasným obmedzením – napr. zlomená ruka, únava, stres, dočasná strata zraku (napr. silné slnko).
• Používatelia v náročných podmienkach – napr. slabé pripojenie, hlučné prostredie, malé obrazovky alebo ovládanie jednou rukou.

Koľko ľudí na Slovensku má zdravotné postihnutie?

Podľa odhadov  Eurostatu z roku 2022 má na Slovensku zdravotné postihnutie vo veku nad 16 rokov približne 30 % obyvateľov, čo predstavuje viac ako jeden a pol milióna ľudí. Zdroj údajov je tu.

Toto číslo zahŕňa rôzne formy znevýhodnenia – od telesných a zmyslových porúch (napr. zrakové či sluchové postihnutie), cez kognitívne poruchy až po dlhodobé ochorenia, ktoré ovplyvňujú schopnosť používať digitálne technológie. 

Okrem toho sa s rôznymi obmedzeniami stretávajú aj starší ľudia, ktorých počet neustále rastie. Prístupnosť webu preto nie je len výsadou menšiny, ale otázkou rovného prístupu pre veľkú časť populácie.

Ako ľudia s hendikepom používajú web?

Ľudia so zdravotným znevýhodnením často používajú špeciálne technológie alebo upravené spôsoby ovládania, aby mohli pracovať s webovými stránkami. Tu sú niektoré príklady:

• Čítačky obrazovky – softvér, ktorý číta nahlas text na obrazovke (napr. NVDA, JAWS, VoiceOver); používajú ho najmä nevidiaci.
• Braillove riadky – zobrazujú text v Braillovom písme pomocou malých pohyblivých bodiek; používané spolu s čítačkami.
• Klávesnicová navigácia – niektorí ľudia nemôžu používať myš a prechádzajú web pomocou klávesov ako Tab, Enter, šípky na klávesnici.
• Hlasové ovládanie – umožňuje ovládať web pomocou hlasových príkazov (napr. Dragon NaturallySpeaking).
• Zväčšovacie programy – zväčšujú časť obrazovky pre slabozrakých používateľov.
• Prepínače (switch devices) – špeciálne zariadenia, ktoré umožňujú ovládanie webu jediným tlačidlom, pohybom hlavy alebo očí.
• Titulky a prepisy – pomáhajú nepočujúcim pri sledovaní videí alebo posluchu podcastov.
• Jednoduché rozhranie – ľudia s kognitívnym znevýhodnením potrebujú prehľadné stránky, jednoduchý jazyk a logickú štruktúru.

Aké štandardy existujú pre prístupný web?

WCAG

Najdôležitejší a medzinárodne uznávaný štandard WCAG (Web Content Accessibility Guidelines). Vydáva ho W3C (World Wide Web Consortium). Aktuálna verzia: WCAG 2.2 (od r. 2023). Tu je preklad štandardu v slovenskom jazyku. Pre uľahčenie pre prácu so smernicami sme vytvorili WCAG kontrolný zoznam, ktorý obsahuje skrátenú verziu smerníc so zhrnutím.

Obsahuje 3 úrovne prístupnosti:

• A – základná úroveň, ktorú musí web splniť, aby bol obsah webu prístupný a použiteľný pre ľudí s hendikepom.
• AA – odporúčaná štandardná úroveň, ktorá odstraňuje väčšinu bariér na webe a robia web prístupným. Táto úroveň je povinná v EÚ pre verejné inštitúcie.
• AAA – najvyššia, ale nie vždy dosiahnuteľná úroveň prístupnosti.

Európska smernica o prístupnosti

Smernica (EÚ) 2016/2102 požaduje prístupnosť webov a mobilných aplikácií verejných inštitúcií a je transponovaná do zákonov členských štátov (napr. na Slovensku cez zákon č. 95/2019 Z. z.)

Štandard EN 301 549

Európsky technický štandard pre prístupnosť IKT (vrátane webu, softvéru, hardvéru). vychádza priamo z WCAG a je povinný pre verejné obstarávania IKT v EÚ.

ARIA

ARIA (Accessible Rich Internet Applications) je špecifikácia vytvorená konzorciom W3C, ktorá rozširuje HTML o špeciálne atribúty, aby sa zvýšila sémantika a prístupnosť webového obsahu. V súčasnosti mnohé webové aplikácie využívajú zložitejšie funkcionality, ktoré nemožno adekvátne vyjadriť pomocou bežných HTML značiek alebo ešte nie sú plne podporované vo všetkých prehliadačoch.

Ako testovať prístupnosť webu?

Pri testovaní prístupnosti webu môžeme zvoliť tri možnosti:

1. Automatizované testovanie
2. Manuálne testovanie
3. Audit od externej spoločnosti

Automatizované nástroje na testovanie

Pomáhajú rýchlo odhaliť základné problémy:

• Wave  – zobrazí chyby priamo na stránke.
• Lighthouse (v DevTools v Chrome) – generuje prístupnostné skóre.
• axe DevTools – rozšírenie do prehliadača, veľmi presné.

Manuálne testovanie prístupnosti pomocou klávesnice

• Skúste stránku prejsť len pomocou Tab, Shift+Tab, Enter a šípok.
• Skontrolujte, či je viditeľný fokus (označenie aktuálneho prvku).
• Uistite sa, že sa dá všetko ovládať bez myši.

Simulácia čítačky obrazovky

• Na Windowse si stiahnite NVDA (zadarmo) alebo JAWS
• Na Macu môžete použiť VoiceOver, ktorý je vstavanou aplikáciou.
• Na mobile si môžete vyskúšať TalkBack (Android) alebo VoiceOver (iOS).

Prejdite si webstránku a počúvajte čítačku obrazovky, či dáva zmysel a či sa oznamujú všetky prvky, ktoré sú uvedené.

Manuálna kontrola kontrastu farieb

• Použite Contrast Checker (napr. od WebAIM) – minimálny pomer je 4.5:1 pre bežný text.
• Znížte jas monitora alebo simulujte farbosleposť (napr. cez simulátor Coblis).

Manuálne testovanie titulkov. alternatívnych textov a HTML štruktúry

• Skontrolujte, či majú obrázky zmysluplné alt popisy.
• Videá by mali mať titulky alebo prepis.
• Je použitá správna štruktúra nadpisov (<h1> až <h6>) a semantické prvky (<nav>, <main>, <button>).

Manuálne testovanie s reálnymi používateľmi

Najspoľahlivejšia metóda je spolupráca s ľuďmi, ktorí majú rôzne znevýhodnenia, ti ukáže, ako stránku skutočne používajú.

10 príkladov problémov s prístupnosťou webu

1. Nedostatočný kontrast textu a pozadia – Text, ktorý sa zle číta kvôli nízkemu kontrastu, môže byť problémom pre osoby so zrakovým postihnutím.
2. Chýbajúce alternatívne texty pre obrázky – Bez alt textu pre obrázky môžu mať problémy s porozumením vizuálneho obsahu osoby používajúce čítačky obrazovky.
3. Nedostatočná navigácia cez klávesnicu – Web, ktorý nie je plne ovládateľný cez klávesnicu, môže byť problémový pre osoby so zdravotným postihnutím pohybového aparátu.
4. Chýbajúce nadpisy a štruktúra obsahu – Bez správnej hierarchie nadpisov môže byť pre používateľov so zrakovým postihnutím alebo používajúcich čítačky obrazovky ťažké rýchlo sa orientovať.
5. Automatické prehrávanie médií – Automaticky spustené videá alebo zvuky bez možnosti zastavenia môžu byť rušivé pre osoby s poruchami sluchu alebo koncentrácie.
6. Nesprávne označené formuláre – Ak formuláre nemajú správne označené polia alebo popisy, môže to sťažiť vyplnenie pre osoby používajúce čítačky obrazovky.
7. Zle navrhnuté multimediálne obsah – Videá alebo audionahrávky bez titulkov alebo transkripcií neumožňujú plný prístup osobám so sluchovým postihnutím.
8. Maličké klikateľné oblasti – Tlačidlá alebo odkazy, ktoré sú príliš malé alebo nejasne označené, môžu byť problémom pre osoby s motorickými poruchami.
9. Chýbajúce upozornenia na chyby vo formulároch – Bez jasných upozornení, keď používateľ vyplní formulár nesprávne, môžu mať problém s opravením chýb osoby so zrakovým postihnutím.
10. Nezabezpečené prístupné odkazy – Odkazy, ktoré nie sú dostatočne rozlíšené (napr. iba farebne), môžu byť ťažko identifikovateľné pre používateľov so zrakovými problémami alebo poruchami videnia.

Legislatíva na Slovensku pre verejný sektor a súkromné firmy

Verejná správa:

Na Slovensku musia byť webové stránky a mobilné aplikácie verejnej správy prístupné zo zákona. Vyžaduje to zákon č. 95/2019 Z. z. o informačných technológiách vo verejnej správe a ukladá povinnosť verejným inštitúciám zabezpečiť prístupnosť svojich webových sídel a mobilných aplikácií. Vyžaduje dodržiavanie štandardov prístupnosti podľa európskych noriem.

Súkromné firmy

Európsky akt prístupnosti (European Accessibility Act, EAA) stanovuje právne požiadavky, ktoré sa týkajú prístupnosti produktov a služieb v rámci EÚ. Pre súkromné firmy je dôležité, aby sa zabezpečili, že ich produkty a služby sú prístupné pre všetkých, vrátane ľudí so zdravotným postihnutím. Dôležité si uvedomiť, že tento akt sa týka nielen verejných, ale aj súkromných sektorov, pokrývajúc široké spektrum oblastí ako webové stránky, mobilné aplikácie, elektronické platby, bankomaty, predajné automaty, a ďalšie produkty a služby, ktoré majú vplyv na každodenný život.

Súkromné firmy sú povinné prijať vhodné opatrenia na odstránenie bariér a zabezpečiť, že ich produkty a služby sú plne kompatibilné s požiadavkami prístupnosti. Tieto opatrenia sa môžu týkať rôznych oblastí, vrátane dizajnu webových stránok, vytvárania prístupných dokumentov, zabezpečenia prístupnosti mobilných aplikácií a pod. Firmy, ktoré nebudú dodržiavať tieto pravidlá, môžu čeliť sankciám a právnym dôsledkom. Tento akt vstúpil do platnosti v roku 2019 a členské štáty musia zabezpečiť jeho implementáciu do národných právnych rámcov.

Kľúčové dátumy európskeho aktu prístupnosti:

• Začiatok uplatňovania Európskeho aktu na Slovensku je od 28. júna 2025
• Transpozícia do národnej legislatívy bola do 28. júna 2022
• Zákon bol prijatý v roku 2019

Na čo sa vzťahuje?

• Webové stránky a mobilné aplikácie súkromných firiem
• Bankové služby (bankomaty, aplikácie, online bankovníctvo)
• E-knihy a čítačky
• Elektronický obchod (e-shopy)
• Telefóny, počítače, terminály, televízory
• Dopravné automaty (napr. na lístky)
• Núdzové komunikačné systémy

Na koho sa tento zákon nevzťahuje?

Tento zákon sa nevzťahuje na služby poskytované mikropodnikom. Mikropodnik sú spoločnosti s menej ako 10 zamestnancami a ich ročný obrat nepresahuje 2 milióny eur. Pre väčšie spoločnosti je zákon záväzný.

Čo to znamená pre firmy v praxi?

Od roku 2025 budú musieť súkromné spoločnosti, ktoré poskytujú produkty a digitálne služby:

1. dodržiavať technické štandardy prístupnosti (napr. WCAG),
2. poskytovať titulky, alternatívne formáty, zrozumiteľnú navigáciu,
3. zabezpečiť, že produkty budú ovládateľné rôznymi spôsobmi.

Najčastejšie mýty o prístupnosti webu

1. „Prístupnosť je len pre nevidiacich.“

Nie je pravda. Týka sa aj ľudí so sluchovým, pohybovým, kognitívnym znevýhodnením, ale aj starších, či ľudí v špecifických podmienkach (napr. s pomalým internetom alebo zlým osvetlením).

2. „Naša stránka je jednoduchá, nepotrebuje prístupnosť.“

Aj jednoduchá stránka môže obsahovať prekážky – zlý kontrast, chýbajúce alt texty, zlá navigácia klávesnicou...

3. „Prístupnosť je drahá a zaberá veľa času.“

Nie, ak sa rieši hneď od začiatku. Opraviť hotovú a neprístupnú stránku je náročnejšie a drahšie.

4. „Zníži to vizuálnu atraktivitu webu.“

Naopak! Dobre navrhnutý prístupný web býva aj čistejší, prehľadnejší a použiteľnejší pre všetkých.

5. „Nikto so znevýhodnením našu stránku nepoužíva.“

Možno preto, že ju nemôžu používať. Navyše, podľa štatistík má každý piaty človek nejakú formu znevýhodnenia.

6. „Prístupnosť = len WCAG splnenie.“

WCAG (Web Content Accessibility Guidelines) sú len návod. Skutočná prístupnosť znamená aj testovanie s reálnymi používateľmi a zameranie sa na ich skúsenosť.

Ako začať?

Začiatok procesu zabezpečenia prístupnosti webu môže byť náročný, ale s jasným plánom sa to dá zvládnuť.

1. Prvým krokom je vykonanie auditov webových stránok, aby ste identifikovali oblasti, ktoré potrebujú zlepšenie. Môžete použiť rôzne nástroje na automatické testovanie prístupnosti, ako sú Axe alebo WAVE, ktoré vám pomôžu získať základnú predstavu o prístupnosti vašich stránok.
2. Následne sa odporúča spolupráca s odborníkmi na prístupnosť alebo používateľmi so zdravotným postihnutím, aby ste zistili reálne problémy, ktoré môžu mať.
3. Po identifikovaní bariér by ste mali vytvoriť konkrétny plán, ktorý zahrnie úpravy dizajnu, kódovania a obsahových prvkov webovej stránky. Kľúčové je dodržiavanie štandardov ako WCAG (Web Content Accessibility Guidelines), ktoré poskytujú podrobné usmernenia na zabezpečenie prístupnosti.
4. Po implementácii zmien je dôležité pravidelne testovať a aktualizovať web, aby ste udržali vysokú úroveň prístupnosti. Týmto spôsobom nielen zabezpečíte lepší prístup pre všetkých používateľov, ale aj dodržíte právne predpisy, ako je Európsky akt prístupnosti.

Záver

Ak potrebujete zabezpečiť prístupnosti vašej webovej stránky alebo máte akékoľvek otázky týkajúce sa implementácie prístupnosti, neváhajte sa na nás obrátiť. Naša firma vám poskytne odborné poradenstvo a podporu pri zlepšovaní prístupnosti vašich digitálnych služieb, aby ste splnili všetky zákonné požiadavky a zároveň vytvorili web, ktorý je prístupný a používateľsky prívetivý pre každého.