10 najčastejších chýb, ktoré nie sú v súlade s accessibility
Nové pravidlá EÚ o prístupnosti digitálnych produktov sa neodvratne blížia a je na čase sa na ne poriadne pripraviť. Prístupnosť nie je však len o legislatívnych predpisoch a dodržiavaní najnovšieho WCAG štandardu - je aj o príležitosti vytvoriť skutočne inkluzívne digitálne prostredie. V ui42 máme za sebou desiatky úspešných auditov prístupnosti a vďaka nim sme zistili, kde firmy a ich webové stránky najčastejšie zlyhávajú. Prinášame vám rebríček 10 najväčších a najčastejších prehreškov, ktorých sa možno dopúšťate aj vy.

1. Nedostatočný kontrast farieb
Jednou z bariér, s ktorou sa stretávame pri našich auditoch častejšie, ako by sme chceli, je nedostatočný kontrast farieb. Nedostatočný kontrast nie je len problém estetiky, ale aj použiteľnosti. Ak užívateľ nevidí váš obsah, ako keby ani neexistoval. Správny kontrast by mal spĺňať normy WCAG 2.2 na úrovni AA. Pri bežnom texte by mal byť kontrast voči pozadiu minimálne 4,5:1 a pri veľkom texte 3:1.
Uičkovský tip: Ak si chcete skontrolovať váš farebný kontrast, môžete použiť online tool - https://colourcontrast.cc/
2. Zložitá navigácia
Navigácia na webe by mala byť jednoduchá, jasná a intuitívna. Nevymýšľajte znova koleso a nedávajte prvky, ako napr. nákupný košík na iné miesto ako sú ľudia zvyknutí (v pravom hornom rohu stránky). Ak používatelia vášho webu musia niečo hľadať, tak niečo nie je správne.
Dbajte na konzistentné a predvídateľné usporiadanie prvkov, ako sú tlačidlá, odkazy a formulárové polia. Tie by mali byť vždy na rovnakých miestach a správať sa rovnako, aby používateľ presne vedel, čo očakávať.
No a ako prispôsobiť web pre tých, ktorí nemôžu používať myš? Klávesovou navigáciou. Poradie prvkov by malo prirodzene nasledovať pohyb pohľadu – podľa tvaru písmena „Z“, teda zľava doprava a zhora nadol. Aktívne prvky, ako tlačidlá či odkazy, musia mať zreteľný stav „focus“, aby používateľ jasne videl, kde sa práve nachádza. Navyše, všetky tlačidlá, vrátane tých v menu alebo na prihlásenie, musia byť plne ovládateľné klávesnicou. Bez toho je váš web pre niektorých absolútne nepoužiteľný.
3. Chýbajúce alternatívne texty
Obrázky bez alternatívneho textu (alt textu) sú pre používateľov čítačiek obrazovky ako slepé miesta. Alternatívny text má opísať obsah obrázku ľuďom, ktorí ho nemôžu vidieť. Preto zabudnite na pomenovania ako je napr. “Obrázok123”, a radšej použite pomenovanie ako “Graf zobrazujúci nárast predaja v Q4“. Takéto detaily robia váš web inkluzívnym a profesionálnym.
4. Chýbajúce popisy odkazov
Predstavte si, že počúvate čítačku obrazovky bez toho, aby ste videli text a jediné, čo počujete, je: „Kliknite tu... Kliknite tu... Kliknite tu.“ Nemôžete ani tušiť, kam vás ktoré CTA presmeruje. Práve preto radíme našim klientom, aby používali frázy ako „Zistite viac o našich službách“ alebo „Stiahnite si náš e-book“.
5. Chýbajúce titulky vo videách a alternatívne možnosti prehrávania
Ak vytvoríte video, ktorým chcete osloviť naozaj každého, nezabudnite na alternatívne možnosti prehrávania. Vždy umožnite používateľom prehrať video buď štandardne, s titulkami alebo s hlasovým komentárom. A čo podcasty? Tie môžu zostať pri svojej audio podstate.
6. Neprístupné formuláre
Formuláre bývajú častým kameňom úrazu. Ak chcete, aby používateľ správne vyplnil údaje, musíte ho k tomu naviesť. Jasne označené polia, nápovedy a intuitívne chybné hlášky sú základ. To môže zahŕňať:
- Návody a tipy na formát požadovaných údajov (napr. dátum vo formáte MM/DD/RRRR).
- Chybové hlásenia s jasným vysvetlením problému a návrhom na opravu.
- Príklady správneho formátu vedľa vstupných polí (napr. „Zadajte e-mailovú adresu: example@domain.com“).
- Automatické opravy alebo dopĺňanie údajov, ak je to možné.
7. Používanie grafických CAPTCHA
Tak ako sme spomínali v predchádzajúcom článku o novom pripravovanom zákone o accessbility, grafické CAPTCHA, ktoré slúžia na odlíšenie ľudí od automatizovaných botov, sú problémom pre čítačky obrazovky. Odporúčame používať alternatívne metódy overenia, ktoré sú prístupnejšie, ako napr. Technika Honeypot, ktorá spočíva v pridávaní skrytého poľa, ktoré vidia len boty, ale bežný používateľ ho nevidí.
8. Vyžadovanie zložitých hesiel
Koľko krát sa vám už stalo, že ste zabudli svoje heslo lebo bolo príliš komplikované? Podľa nového nariadenia o prístupnosti by sa malo eliminovať vyžadovanie silných hesiel. Zadávanie veľkých, malých písmen, špeciálnych znakov a čísel vystriedajú jednoduchšie spôsoby autentifikácie, ako napríklad biometrické overenie alebo jednorazový kód zaslaný cez SMS alebo email. Aké heslá vyžadujete vy na vašom webe?
9. Problémy s podporou vstupných modalít
Umožnite používateľom vybrať si spôsob, akým budú interagovať na vašom webe alebo v aplikácii. Či už ide o klávesnice, dotykové obrazovky, hlasové ovládanie alebo iné ovládacie zariadenia, ako sú myši so špeciálnymi funkciami alebo iné asistenčné technológie.
10. Nedostatočná kompatibilita
Pri tvorbe obsahu nezabúdajte na kľúčové pravidlo – váš web musí byť prístupný pre všetkých, vrátane používateľov s asistenčnými technológiami. Ako na to?
- Sémantický základ: Myslite na správne označené HTML prvky a sémantický kód. Tie sú pre asistenčné technológie ako mapa, ktorá im pomáha "prečítať" váš web správne a zrozumiteľne.
- Dizajn, ktorý sa prispôsobí: Váš obsah musí vyzerať rovnako dobre na veľkom monitore aj na mobile. Responzívny dizajn zaistí, že používatelia so všetkými možnými zariadeniami a vstupmi (klávesnica, dotyk) budú mať rovnaký zážitok.
- Testovanie na všetky fronty: Prehliadače a ich verzie sa líšia, ale váš web musí vždy sprostredkovať rovnaký zážitok, nech už ho navštívite z akéhokoľvek miesta.
- Jasné správy na prvom mieste: Dynamické zmeny na stránke musia byť okamžite komunikované a viditeľné aj pre čítačky obrazovky. Či ide o správu „Formulár bol úspešne odoslaný!“ alebo „Nepodarilo sa načítať obsah,“ tieto správy musia byť viditeľné pre všetkých.
Prístupnosť nie je jednorazová úloha
Prístupnosť nie je niečo, čo vyriešite raz a navždy. Každá väčšia aktualizácia webu alebo aplikácie môže naraziť na nové problémy, ktoré ju spravia menej prístupnou. Preto je dôležité testovať prístupnosť pravidelne, najmä po väčších zmenách.
Accessibility audit je základ
Nezabúdajte, že od júna 2025 vstupujú do platnosti nové nariadenia EÚ, ktoré zaväzujú poskytovateľov digitálnych služieb zabezpečiť prístupnosť svojich webov a aplikácií pre všetkých používateľov. Prístupnosť však nie je len o splnení legislatívnych požiadaviek – je to príležitosť pre vás osloviť širšie publikum, posilniť značku a získať konkurenčnú výhodu.
V ui42 ponúkame profesionálny audit prístupnosti, ktorý odhalí bariéry, ako je nekompatibilita s asistenčnými technológiami alebo slabý kontrast, a zároveň vám pomôžeme nájsť riešenia, ktoré zlepšia používateľský zážitok. Investujte do prístupnosti a získajte viac spokojných zákazníkov, lepšie SEO a imidž značky, ktorá myslí na každého. Sprístupnite svoje digitálne služby pre všetkých už dnes.