Ako používajú web ľudia so zdravotným postihnutím? Pomôcky

Traja ľudia sa snažia rezervovať stôl na webe tej istej reštaurácie. Zuzana je nevidiaca a stránku počúva cez VoiceOver na iPhone. Tomáš má reumatoidnú artritídu a používa klávesnicu, pretože myš ho bolí. Margita má 78 rokov a približuje si stránku na 200 %, aby si prečítala jedálny lístok. Ak je jedálny lístok fotkou vytlačenej strany a výber dátumu reaguje len na myš, všetci traja to vzdajú a rezervujú si inde.

Tento návod vysvetľuje, ako ľudia so zdravotným postihnutím web skutočne používajú, s aktuálnymi číslami. Poznámka k slovám: podobne ako inštitúcie EÚ používame spojenie „ľudia so zdravotným postihnutím“, hoci mnohí, najmä v Spojenom kráľovstve, uprednostňujú „disabled people“ (doslova „postihnutí ľudia“). Keď píšete o konkrétnom človeku, používajte slová, ktoré používa on sám.

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

Podľa Svetovej zdravotníckej organizácie (otvorí sa na novej karte) (informačný list WHO, marec 2023) žije s výrazným zdravotným postihnutím približne 1,3 miliardy ľudí, teda 16 % svetovej populácie alebo 1 zo 6 ľudí. V EÚ podľa Eurostatu (otvorí sa na novej karte) v roku 2024 uviedlo dlhodobé obmedzenie v bežných činnostiach 23,9 % ľudí vo veku 16 a viac rokov, teda zhruba každý štvrtý dospelý.

Národné hodnoty siahajú od 12,7 % v Bulharsku po 41,2 % v Lotyšsku a ide o údaje, ktoré ľudia uvádzajú sami, preto krajiny porovnávajte opatrne. Dôležitejšia je veková krivka. Podiel je desaťkrát vyšší (otvorí sa na novej karte) u ľudí vo veku 85 a viac rokov (72,3 %) ako u 16- až 24-ročných (7,1 %) a 22,0 % obyvateľov EÚ (otvorí sa na novej karte) má 65 alebo viac rokov. Mnohí z nich by o sebe nepovedali, že majú zdravotné postihnutie.

Čo sú asistenčné technológie?

Asistenčná technológia je akýkoľvek softvér alebo hardvér, ktorý človeku umožňuje používať počítač, telefón alebo web spôsobom, ktorý vyhovuje jeho telu a mysli. Najznámejšími príkladmi sú čítačky obrazovky, lupy, rozpoznávanie reči, spínače a brailové displeje. Ľudia sa spoliehajú aj na jednoduchšie úpravy, ako je väčší text, pomalší ukazovateľ alebo predvolene zapnuté titulky.

W3C tieto jednoduchšie úpravy nazýva „adaptívnymi stratégiami“ a jeho prehľad nástrojov a techník (otvorí sa na novej karte) ich opisuje ako „techniky, ktoré ľudia so zdravotným postihnutím používajú na zlepšenie interakcie s webom“. Väčšina ľudí kombinuje oboje.

Veľa z toho je zabudované: VoiceOver a Ovládanie hlasom v zariadeniach Apple, TalkBack a Voice Access v Androide, Moderátor a Lupa vo Windows. Mnohí používatelia Windows si pridávajú platený JAWS alebo bezplatný NVDA.

Ako používajú weby nevidiaci?

Väčšina nevidiacich používa čítačku obrazovky, softvér, ktorý stránku mení na reč alebo Braillovo písmo, a pohybuje sa po nej klávesovými príkazmi alebo dotykovými gestami, nie myšou. Len zriedka počúvajú stránku zhora nadol. V prieskume WebAIM z roku 2024 uviedlo 71,6 % používateľov čítačiek obrazovky, že sa v dlhej stránke najprv orientujú podľa nadpisov.

10. prieskum medzi používateľmi čítačiek obrazovky (otvorí sa na novej karte) od WebAIM získal v decembri 2023 a januári 2024 celkom 1 539 odpovedí. Ide o vzorku dobrovoľníkov, nie o úplné sčítanie. Niektoré zistenia:

• Na počítači 40,5 % používa hlavne JAWS, 37,7 % NVDA a 9,7 % VoiceOver.
• 91,3 % používa čítačku obrazovky na telefóne alebo tablete a 70,6 % používa hlavne zariadenia Apple.
• 38 % používa brailový výstup cez displej, ktorý zdvíha kolíky a tvorí z nich znaky.

Predstavte si používateľa čítačky obrazovky na stránke produktu. Vyvolá si zoznam nadpisov a skočí na „Recenzie“. Vaše rozloženie nikdy nezažije, iba štruktúru pod ním: ak sú vaše nadpisy len tučné odseky, zoznam je prázdny a tri tlačidlá s názvom „Pridať do košíka“ znejú úplne rovnako.

• Nadpisy, ktoré sú skutočnými prvkami nadpisov, v zmysluplnom poradí.
• Alternatívny text, ktorý povie podstatné: „Tmavomodrý vlnený kabát, po kolená, pohľad spredu“, nie „IMG_4471.jpg“. Dekoratívne obrázky dostanú prázdny alternatívny text, aby sa preskočili.
• Popisy formulárov pri každom poli a chybové hlásenia, ktoré sa oznámia, nielen zobrazia červenou.
• Texty odkazov a tlačidiel, ktoré dávajú zmysel samy osebe: „Prečítajte si naše podmienky vrátenia tovaru“, nie „Kliknite sem“.

Ako používajú weby slabozrakí ľudia?

Slabozrakí ľudia zvyčajne neprechádzajú na zvuk, ale veci si zväčšia alebo sprehľadnia. Približujú si stránku v prehliadači, používajú lupu, zväčšujú systémový text, zapínajú vysoký kontrast alebo tmavý režim či pridávajú medzery. Je to veľká skupina: WHO odhaduje, že najmenej 2,2 miliardy ľudí má poruchu videnia do blízka alebo do diaľky.

Pri veľkom priblížení vidí používateľ lupy naraz len malú časť obrazovky. Správu „Košík bol aktualizovaný“ v hornom rohu ľahko prehliadne a rovnako aj súhrn chýb umiestnený ďaleko od chybného poľa.

Pravidlá prístupnosti webového obsahu (WCAG) 2.2 (otvorí sa na novej karte) to pokrývajú tromi kritériami úspešnosti úrovne AA: text sa musí dať zväčšiť na 200 % bez straty obsahu (1.4.4), obsah sa musí prispôsobiť šírke 320 CSS pixelov, aby nikto nemusel posúvať v dvoch smeroch (1.4.10), a stránky musia zvládnuť väčšie riadkovanie a medzery medzi písmenami a slovami (1.4.12). O kontraste si prečítajte náš návod o farebnom kontraste. A odfotený jedálny lístok? Keď ho prerobíte na webovú stránku s nadpismi, funguje pre Margitu aj pre Zuzanu.

Ako používajú web nepočujúci a nedoslýchaví ľudia?

Nepočujúci a nedoslýchaví ľudia používajú web ako ktokoľvek iný, kým zvuk nenesie informáciu. Vtedy potrebujú titulky vo videách, prepisy zvukových nahrávok a spôsob, ako vás kontaktovať inak ako telefonicky. WHO odhaduje, že 430 miliónov ľudí, viac ako 5 % svetovej populácie, potrebuje rehabilitáciu pre stratu sluchu vedúcu k postihnutiu.

Pre mnohých nepočujúcich (v angličtine veľké písmeno v slove „Deaf“ často označuje kultúru nepočujúcich a posunkový jazyk) je prvým jazykom národný posunkový jazyk, u nás slovenský posunkový jazyk, a písaný jazyk až druhým. Jasné písanie im pomáha rovnako ako každému, kto číta v druhom jazyku.

• Ku každému vopred nahratému videu s rečou pridajte titulky (WCAG 1.2.2, úroveň A). Automatické titulky skontrolujte: môžu skomoliť mená, názvy produktov a čísla.
• Ponúknite aj iné spôsoby kontaktu ako telefón. Veta „Ak chcete zrušiť objednávku, zavolajte nám“ niektorých zákazníkov úplne vylúči.
• Nespúšťajte zvuk automaticky. Zvuk, ktorý hrá dlhšie ako 3 sekundy, potrebuje ovládanie na pozastavenie alebo zastavenie (WCAG 1.4.2) a potrebujú ho aj používatelia čítačiek obrazovky.

Ako sa po weboch pohybujú ľudia s pohybovým postihnutím?

Ľudia s pohybovým postihnutím často myš vôbec nepoužívajú. Používajú klávesnicu, spínač, hlasové ovládanie, systém ovládaný pohľadom, ukazovateľ ovládaný hlavou alebo trackball, niekedy popri zvládaní trasu, bolesti či únavy. Všetky tieto spôsoby závisia od toho, či web funguje bez presného mierenia: každý ovládací prvok dostupný z klávesnice, fokus vždy viditeľný a ciele dosť veľké na to, aby sa dali trafiť.

WCAG začína klávesnicou: všetko musí fungovať bez myši (2.1.1, úroveň A). Čo zvyčajne prekáža:

• Neviditeľný fokus. Ak kvôli vzhľadu odstránite obrys fokusu, používateľ klávesnice stratí prehľad, kde je (WCAG 2.4.7).
• Dlhé cesty. Používateľ spínača prechádza ovládacími prvkami jeden po druhom. Mega menu so 60 odkazmi bez odkazu „Preskočiť na hlavný obsah“ môže znamenať 60 stlačení, kým sa dostane k produktu.
• Nezhodné popisy. Používateľ hlasového ovládania povie „klikni na Rezervovať teraz“, ale tlačidlo sa v kóde volá „Odoslať formulár“, takže sa nič nestane (WCAG 2.5.3, Popis v názve).
• Drobné ciele a posuvníky ovládateľné len ťahaním. WCAG 2.2 stanovuje minimálnu veľkosť cieľa 24 × 24 CSS pixelov (2.5.8) a požaduje, aby sa namiesto ťahania dalo použiť aj kliknutie (2.5.7). Náš návod k WCAG 2.2 vysvetľuje oboje.

Ako používajú web ľudia s kognitívnymi ťažkosťami, dyslexiou alebo ADHD?

Ľudia s kognitívnymi ťažkosťami a poruchami učenia vrátane dyslexie, ADHD, straty pamäti a poranenia mozgu používajú kombináciu nástrojov a postupov: prevod textu na reč, kontrolu pravopisu, čítacie pravítka, správcov hesiel, režim čítania a viac času. Najviac však pomáha to, čo je na vašej strane obrazovky: jasný jazyk, predvídateľné rozloženie a procesy, ktoré netrestajú chyby.

Usmernenie W3C pre kognitívne ťažkosti a poruchy učenia (otvorí sa na novej karte) obsahuje okrem iného ciele „Pomôžte používateľom sústrediť sa“ a „Zabezpečte, aby procesy nezáviseli od pamäti“.

Prihlásenie, ktoré pýta tretí a piaty znak zapamätaného slova, je presne ten druh testu pamäti, pred ktorým varuje druhý cieľ. Karusel, ktorý sa každých pár sekúnd posúva, ide proti prvému. Čo pomáha, vrátane výskumu o písmach pre dyslektikov, rozoberáme v článku Dizajn pre dyslexiu, ADHD a kognitívne ťažkosti.

Aké vstavané nastavenia ľudia používajú a kam zapadá panel na stránke?

Väčšina ľudí si upraví vlastné zariadenia dávno predtým, ako sa dotkne čohokoľvek na vašej stránke: priblíženie v prehliadači, väčší systémový text, tmavý režim, obmedzenie pohybu, vysoký kontrast, titulky, režim čítania a vlastnú čítačku obrazovky v telefóne. Úlohou vášho webu je tieto nastavenia rešpektovať. Panel prístupnosti na stránke je ďalšia možnosť, nie ich náhrada.

• Priblíženie a veľkosť textu: používajte relatívne jednotky a na mobile nikdy neblokujte priblíženie roztiahnutím prstov.
• Obmedzenie pohybu: weby vedia túto preferenciu zistiť (cez media query prefers-reduced-motion), preto ju rešpektujte pri paralaxe, karuseloch a výrazných prechodoch.
• Vysoký kontrast a vynútené farby, napríklad kontrastné motívy Windows: overte, či ikony a obrysy fokusu zostanú viditeľné.
• Režim čítania funguje najlepšie so skutočnými nadpismi a odsekmi.

Panel na stránke, aký pridáva SiteAccessible, dáva návštevníkom tlačidlá na kontrast, veľkosť textu, medzery, čítacie pravítko, čítanie nahlas a zastavenie animácií bez hľadania v nastaveniach zariadenia. Niektorým ľuďom to pomôže, napríklad niekomu na pracovnom počítači, ktorý si nemôže nastaviť, alebo človeku s migrénou, ktorý chce na hodinu pokojnejšiu stránku.

Používateľovi čítačky obrazovky však nepomôže nájsť tlačidlo bez popisu a nezabezpečí, aby web spĺňal WCAG. Preto náš panel zámerne nemá profil pre nevidiacich návštevníkov: vizuálny panel nemôže nahradiť čítačku obrazovky, ktorú už človek pozná. Ak stránka nefunguje s vlastnými nástrojmi ľudí, opravte stránku.

Čo používanie webu kazí najčastejšie?

Stále dookola sa objavujú tie isté základné bariéry. V skene WebAIM Million 2026 (otvorí sa na novej karte) malo 95,9 % z milióna najnavštevovanejších domovských stránok zistiteľné chyby WCAG, v priemere 56,1 chyby na stránku, na čele s textom s nízkym kontrastom, chýbajúcim alternatívnym textom a poľami formulárov bez popisu. Používatelia čítačiek obrazovky považujú za najproblematickejší prvok na webe CAPTCHA.

Automatické skeny veľa prehliadnu. Päť najväčších problémov podľa samotných používateľov čítačiek obrazovky:

1. CAPTCHA
2. Menu, karty a dialógové okná, ktoré sa nesprávajú podľa očakávaní
3. Odkazy alebo tlačidlá, ktoré nedávajú zmysel
4. Obrazovky alebo ich časti, ktoré sa nečakane zmenia
5. Chýbajúca dostupnosť z klávesnice

Na opravu žiadneho z nich netreba špeciálnu technológiu. Ak ich chcete nájsť, vyskúšajte vlastný web: rezervujte niečo len klávesnicou, priblížte stránku na 400 % a prečítajte si pokladňu, potom si vypočujte svoje nadpisy cez VoiceOver alebo NVDA. Náš návod, ako otestovať prístupnosť webu, vás týmito kontrolami prevedie. Nenahradia testovanie s ľuďmi, ktorí tieto nástroje používajú každý deň, ale ukážu vám, kde začať.