Přístupnost webu se zítra stane povinností. Tyto nástroje vám ukážou, jak na tom jste

Dosud se pozornost zaměřovala hlavně na úřady, ale přístupnost se týká i soukromých provozovatelů digitálních služeb.

E-shopy dnes jednoduše čelí stále vyšším nárokům na UX, dostupnost a uživatelskou přívětivost. I když se přístupnost webu často zužuje jen na představu uživatele se zrakovým postižením a čtečky obrazovky, ve skutečnosti jde o něco, co zlepšuje uživatelský zážitek pro nás všechny.

A e-shopy na tom mohou jen získat.

Koho se zákon týká?

Zákon se v první etapě vztahuje hlavně na veřejný sektor a firmy, které poskytují služby veřejnosti ve větším rozsahu. Například:

• banky,
• pojišťovny,
• dopravci,
• prodejci energií,
• poskytovatelé elektronických komunikačních služeb,
• e-shopy, které mají více než 10 zaměstnanců nebo roční obrat přes 2 mil. eur.

Pokud jste e-shop, který splňuje tato kritéria a poskytujete digitální službu veřejnosti, tato povinnost se týká i vás.

Dobře vypadající web nestačí. Musí fungovat pro všechny

Přístupnost se řídí pravidly WCAG (Web Content Accessibility Guidelines), aktuálně verzí 2.1. Ta stanovují více než 50 technických požadavků.

Mezi ty nejdůležitější patří:

• dostatečný kontrast mezi textem a pozadím,
• možnost ovládat web pouze pomocí klávesnice,
• správné označení tlačítek a formulářů,
• textové alternativy pro obrazový obsah,
• předvídatelnost a konzistentnost navigace,
• žádná rychlá a blikající grafika (může způsobit epileptický záchvat).

Přístupnost zkrátka není jen o lidech se zdravotním postižením. Ve skutečnosti jde o uživatelskou zkušenost v tom nejširším slova smyslu.

Představte si například rodiče, který drží dítě v náručí a má k dispozici jen jednu volnou ruku – pokud má problém kliknout na tlačítko nebo vyplnit formulář, odchází. Nebo seniora se zhoršeným zrakem, kterému slabý kontrast znemožní pohodlné čtení. Nebo člověka s dočasným úrazem, který najednou nemůže používat myš. Nebo běžného zákazníka, který se snaží nakoupit na mobilu během přesunu, ve špatně osvětleném prostředí nebo se slabým signálem.

Možná jste se někdy sami ocitli v podobné situaci. Všichni tito lidé nakonec profitují z toho, když je web navržen jednoduše, srozumitelně a technicky spolehlivě. A právě to je podstata přístupnosti.

A k tomu všemu jsou tu ještě další výhody. Přístupný web má potenciál:

• snížit míru opuštění stránky (bounce rate),
• zlepšit SEO optimalizaci (např. díky alt tagům),
• zvýšit důvěryhodnost a reputaci,
• minimalizovat riziko soudních sporů, které v zahraničí běžně vznikají.

Jak otestovat přístupnost webu?

Zkuste si projít tento rychlý checklist:

• Dá se vaše stránka ovládat bez myši?
• Najdete produkt jen pomocí tabulátoru?
• Zůstává text čitelný i při použití barevných filtrů nebo vizuálních pomůcek?
• Mají všechna tlačítka jednoznačný popis?
• Mají vaše bannery a produktové fotky textový popis?

Jak otestovat přístupnost webu

Než se pustíte do úprav, je dobré nejprve zjistit, v jakém stavu je váš web z hlediska přístupnosti. Existuje několik nástrojů, které vám pomohou odhalit základní chyby v kontrastu, struktuře nebo popisech prvků. Některé z nich jsou určeny pro vývojáře, jiné zvládne použít i laik. Důležité je začít a získat alespoň orientační zpětnou vazbu.

WAVE (Web Accessibility Evaluation Tool)

• Od organizace WebAIM, která patří mezi nejrenomovanější autority v oblasti digitální přístupnosti.
• Používá se pro vizuální kontrolu přístupnosti (např. chybějící alt tagy, kontrast, struktura nadpisů).
• Doporučuje ho i dokumentace WCAG a národní metodiky (např. Slovensko.Digital, DEQUE).

axe DevTools

• Profesionální nástroj od společnosti Deque Systems (autoři části testovacího frameworku WCAG).
• Patří k nejpřesnějším při detekci chyb v HTML/ARIA struktuře a je vhodný i pro vývojáře. Používá ho i Chrome Lighthouse a Microsoft Accessibility Insights.

Google Lighthouse

• Je přímo zabudovaný v nástrojích pro vývojáře v prohlížeči Chrome.
• Hodnotí také přístupnost (jedna z hlavních metrik vedle výkonu a SEO).
• Doporučeno v dokumentaci Googlu i v kurzech jako Web.dev.

Screenreadery NVDA a VoiceOver

• NVDA (NonVisual Desktop Access) je open-source čtečka obrazovky pro Windows, běžně používaná odborníky i pro automatizované testy.
• VoiceOver je vestavěná v systémech Apple (macOS/iOS) a představuje behaviorální kontrolu přístupnosti – tedy skutečnou zkušenost uživatele se zrakovým postižením.
• Obě technologie doporučuje W3C WAI i organizace jako WebAIM nebo Deque.

Přístupnost webu není projekt na konci seznamu

Některé slovenské e-shopy už téma přístupnosti řeší. Většinou formou „postupných zlepšení“ ve spolupráci s agenturami nebo vlastními UX týmy. Důležité je, že se přístupnost nezačne řešit až ve chvíli, kdy dorazí kontrola. Ale s předstihem.

Naopak, největší problémy mívají:

• e-shopy s rigidními šablonami,
• starší systémy bez možnosti rozšíření,
• outsourcing, u kterého neexistuje kontrola nad HTML/CSS.

Zákon o přístupnosti tu není proto, aby komplikoval život e-shopům. Je tu proto, aby digitální svět fungoval lépe – i pro ty, kteří ho nevnímají stejně jako většina z nás. Pokud svůj web nastavíte tak, aby byl přístupný, nejde jen o splnění povinnosti. Pomůžete zákazníkům snadněji se rozhodnout, zlepšíte svou pozici ve vyhledávačích a posílíte důvěru ve značku, která myslí na všechny – ne jen na většinu.

Téma jsme probírali v rozhovoru s Martinem Krupou, poslechněte si ho na své oblíbené platformě. 👇