Prístupnosť webu sa zajtra stane povinnosťou. Tieto nástroje vám ukážu, ako na tom ste

Ddoteraz sa pozornosť zameriavala najmä na úrady, no prístupnosť sa týka aj súkromných prevádzkovateľov digitálnych služieb.

E-shopy dnes jednoducho čelia čoraz väčším nárokom na UX, dostupnosť a zákaznícku prívetivosť. Aj keď sa prístupnosť webu často zužuje len na predstavu používateľa so zrakovým znevýhodnením a čítačky obrazovky, v skutočnosti ide o niečo, čo zlepšuje používateľský zážitok pre nás všetkých.

A e-shopy na tom môžu len získať.

Na koho sa zákon vzťahuje?

Zákon sa v prvej etape vzťahuje najmä na verejný sektor a firmy, ktoré poskytujú služby verejnosti vo väčšom rozsahu. Napríklad:

• banky,
• poisťovne,
• dopravcovia,
• predajcovia energií,
• elektronické komunikačné služby,
• e-shopy, ktoré majú viac ako 10 zamestnancov alebo ročný obrat nad 2 mil. eur.

Ak ste e-shop, ktorý spĺňa tieto kritériá a poskytujete digitálnu službu verejnosti, táto povinnosť sa týka aj vás.

Dobre vyzerajúci web nestačí. Musí fungovať pre všetkých

Prístupnosť sa riadi pravidlami WCAG (Web Content Accessibility Guidelines), momentálne verziou 2.1. Tie stanovujú viac ako 50 technických požiadaviek.

Medzi tie najdôležitejšie patria:

• dostatočný kontrast medzi textom a pozadím,
• možnosť ovládať web len pomocou klávesnice,
• správne označenie tlačidiel a formulárov,
• textové alternatívy pre obrazový obsah,
• predvídateľnosť a konzistentnosť navigácie,
• žiadna rýchla a blikajúca grafika (môže spôsobiť epileptický záchvat).

Prístupnosť jednoducho nie je len o ľuďoch so zdravotným znevýhodnením. V skutočnosti ide o používateľskú skúsenosť v tom najširšom zmysle.

Predstavte si napríklad rodiča, ktorý drží dieťa na rukách a má k dispozícii len jednu voľnú ruku – ak má problém kliknúť na tlačidlo alebo vyplniť formulár, odchádza. Alebo seniora so zhoršeným zrakom, ktorému slabý kontrast textu znemožní pohodlné čítanie. Či človeka s dočasným úrazom, ktorý zrazu nemôže používať myš. Alebo bežného zákazníka, ktorý sa pokúša nakúpiť na mobile počas presunu, v slabo osvetlenom prostredí či so slabým signálom.

Možno ste sa niekedy sami ocitli v podobnej situácii. Všetci títo ľudia nakoniec profitujú z toho, keď je web navrhnutý jednoducho, zrozumiteľne a technicky spoľahlivo. A presne to je podstata prístupnosti.

K tomu všetkému je tu pár ďalších bonusov. Prístupný web má potenciál:

• znížiť bounce rate,
• zvýšiť SEO optimalizáciu (napr. cez alt tagy),
• zlepšiť reputáciu,
• minimalizovať riziko súdnych sporov, ktoré v zahraničí už bežne vznikajú.

Ako otestovať prístupnosť webu?

Skúste si prejsť tento rýchly checklist:

• Dá sa vaša stránka ovládať bez myši?
• Viete nájsť produkt len pomocou tabulátora?
• Zostáva text čitateľný aj pri použití farebných filtrov alebo vizuálnych pomôcok?
• Majú všetky tlačidlá jednoznačný text?
• Majú vaše bannery a produktové fotky textový popis?

Ako otestovať prístupnosť webu

Skôr než sa pustíte do úprav, je dobré najprv zistiť, v akom stave je váš web z hľadiska prístupnosti. Existuje niekoľko nástrojov, ktoré vám pomôžu odhaliť základné chyby v kontraste, štruktúre alebo popisoch prvkov. Niektoré z nich sú určené pre vývojárov, iné zvládne použiť aj laik. Dôležité je začať a získať aspoň orientačnú spätnú väzbu.

WAVE (Web Accessibility Evaluation Tool)

• Od organizácie WebAIM, ktorá patrí medzi najrenomovanejšie autority v oblasti digitálnej prístupnosti.
• Používa sa na vizuálnu kontrolu prístupnosti (napr. chýbajúce alt tagy, kontrast, nadpisová štruktúra).
• Odporúča ho aj WCAG dokumentácia a národné metodiky (napr. Slovensko.Digital, DEQUE).

axe DevTools

• Profesionálny nástroj od spoločnosti Deque Systems (autori časti WCAG testovacieho frameworku).
• Patrí k najpresnejším pri detekcii chýb v HTML/ARIA štruktúre a je vhodný aj pre vývojárov.
  Používa ho aj Chrome Lighthouse a Microsoft Accessibility Insights.

Google Lighthouse

• Je priamo zabudovaný v nástrojoch pre vývojárov v Chrome.
• Hodnotí aj prístupnosť (jedna z hlavných metrík popri výkone a SEO).
• Odporúčané v dokumentácii Googlu aj v kurzoch ako Web.dev.

Screenreadery NVDA a VoiceOver

• NVDA (NonVisual Desktop Access) je open-source screenreader pre Windows, bežne používaný odborníkmi aj na automatizované testy.
• VoiceOver je vstavaný v systémoch Apple (macOS/iOS) a reprezentuje behaviorálnu kontrolu prístupnosti – teda skutočnú skúsenosť používateľa so zrakovým znevýhodnením.
• Obe tieto technológie odporúča W3C WAI, aj inštitúcie ako WebAIM alebo Deque.

Prístupnosť webu nie je projekt na konci zoznamu

Niektoré slovenské e-shopy už tému prístupnosti riešia. Väčšinou vo forme „postupných zlepšení“ v spolupráci s agentúrami alebo vlastnými UX tímami. Dôležité je, že sa prístupnosť nezačne riešiť až v momente, keď príde kontrola. Ale v predstihu.

Naopak, najväčšie problémy mávajú:

• e-shopy s rigidnými šablónami,
• staršie systémy bez možnosti rozšírenia,
• outsourcing, pri ktorom neexistuje kontrola nad HTML/CSS.

Zákon o prístupnosti tu nie je preto, aby komplikoval život e-shopom. Je tu preto, aby digitálny svet fungoval lepšie – aj pre tých, ktorí ho nevnímajú rovnako ako väčšina z nás. Ak svoj web nastavíte tak, aby bol prístupný, nejde len o splnenie povinnosti. Pomôžete zákazníkom ľahšie sa rozhodnúť, zlepšíte svoju pozíciu vo vyhľadávačoch a posilníte dôveru v značku, ktorá myslí na všetkých – nie len na väčšinu.

Tému sme riešili v rozhovore s Martinom Krupom, vypočujte si ho na vašej obľúbenej platforme. 👇