Keď príde reč na prístupnosť webu, takmer každý si spomenie na jednu vec: alt text pri obrázkoch. Je to dôležitá vlastnosť, no zároveň len malý zlomok toho, čo prístupný web skutočne znamená. Ak web nevidí každý rovnako, nepočuje ho každý rovnako alebo ho niekto ovláda len klávesnicou, alt text mu sám osebe veľa nepomôže.
Prístupnosť (po anglicky accessibility, skrátene A11y) je súbor pravidiel, ktoré zabezpečujú, že web dokáže použiť čo najširší okruh ľudí, vrátane tých so zrakovým, sluchovým, motorickým alebo kognitívnym obmedzením. A práve preto, že ide o súbor pravidiel, jeden vyriešený detail problém nezachráni.
Čo všetko sa pod prístupnosťou skrýva
Poďme si prejsť oblasti, ktoré rozhodujú omnoho viac než popisky obrázkov.
Farebný kontrast a čitateľnosť textu
Svetlosivý text na bielom pozadí vyzerá moderne, no pre veľkú časť návštevníkov je prakticky nečitateľný. Netýka sa to len ľudí so zrakovým postihnutím. Slabý kontrast trápi každého, kto si otvorí web na slnku alebo má jednoducho unavené oči po celom dni pri obrazovke. Odporúčaný pomer kontrastu podľa štandardu WCAG existuje presne z tohto dôvodu a dobrý dizajn ho rešpektuje bez toho, aby to bolo na prvý pohľad vidieť.
Ovládanie klávesnicou
Nie každý používa myš. Ľudia s motorickým obmedzením, ale aj bežní používatelia, ktorí si radi šetria čas, sa po webe pohybujú pomocou tabulátora. Ak sa dá cez formulár, menu alebo košík v eshope prekliknúť len myšou, časť návštevníkov sa na danom mieste jednoducho zasekne. Otestovať si to je pritom otázka pár minút: stačí odložiť myš a prejsť celý web len klávesnicou.
Zmysluplná štruktúra nadpisov a odkazov
Čítačky obrazovky sa neorientujú podľa toho, ako web vyzerá, ale podľa toho, ako je poskladaný v kóde. Ak má stránka najprv nadpis tretej úrovne a až pod ním nadpis druhej úrovne, čítačka to prečíta v pomiešanom poradí a používateľ môže strácať kontext. Rovnaký problém spôsobujú odkazy typu „kliknite sem“, ktoré mimo kontextu vety nehovoria vôbec nič o tom, kam vedú.
Formuláre, ktorým rozumie aj čítačka obrazovky
Kontaktný alebo objednávkový formulár je miesto, kde sa prístupnosť najčastejšie láme. Pole bez viditeľného popisku, chybová hláška len v podobe červeného rámčeka alebo captcha bez alternatívy dokážu odradiť aj bežného zákazníka, nielen toho, kto používa asistenčnú technológiu. Práve tu firmy najčastejšie prichádzajú o objednávky, ktoré by inak dostali.
Prečo sa to oplatí riešiť aj bez zákonnej povinnosti
Časť firiem má povinnosť riešiť prístupnosť zo zákona, napríklad ak ide o verejnú inštitúciu alebo eshop nad určitý obrat. No aj tam, kde povinnosť neplatí, sa investícia vráti. Prístupný web sa spravidla lepšie ovláda aj na mobile, má prehľadnejšiu štruktúru pre vyhľadávače a nezriedka priamo súvisí aj s rýchlosťou webu, ktorú sme rozobrali v článku o tom, ako Core Web Vitals rozhodujú o tom, či vás nájdu zákazníci aj umelá inteligencia. Čistý, dobre poskladaný kód totiž pomáha obom oblastiam naraz.
Podobne to platí aj pre bežné chyby v použiteľnosti webu. Väčšina z nich, ktoré sme opísali v článku o UX chybách, ktoré web ťahajú na dno, má s prístupnosťou spoločný základ: web, ktorý je logický a predvídateľný pre jedného návštevníka, je spravidla logický a predvídateľný pre všetkých.
Ako k prístupnosti pristupujeme my
Presne vieme, čo vytvorenie prístupného webu obnáša: správnu štruktúru kódu pri tvorbe webu na mieru, testovanie klávesnicou aj čítačkami obrazovky, ladenie kontrastu a formulárov tak, aby s nimi bez problémov pracoval každý návštevník.
Ak je prístupnosť pre váš web téma, ktorú chcete riešiť, ozvite sa nám. Pozrieme sa na váš web a povieme vám, kde má najväčšie rezervy.
