Váš e-shop a EAA: co se teď mění

Termín již vypršel

Evropský akt o přístupnosti vstoupil v platnost 28. června 2025. Pro e-commerce podniky prodávající zákazníkům v EU už přístupnost není doporučením — je to zákonný požadavek.

Pokud má vaše organizace více než 10 zaměstnanců a roční obrat vyšší než 2 miliony € a prodáváte produkty nebo služby zákazníkům v EU, spadáte do působnosti aktu. Mikropodniky (méně než 10 zaměstnanců a obrat pod 2 miliony €) mají mírnější režim, ale i tak EAA přístupnost doporučuje.

Co vlastně soulad znamená pro online obchod? Stručná odpověď: váš web i aplikace musí splňovat WCAG 2.1 úroveň AA, uplatněné napříč celou zákaznickou cestou — nejen na vaší domovské stránce.

Proč je e-commerce obzvláště rizikový

Pokladna je nejčastěji žalovanou plochou v oblasti digitální přístupnosti. Ve Spojených státech, které mají díky ADA řadu let delší historii vymáhání než Evropa díky EAA, tvoří e-shopy nepoměrně velký podíl žalob kvůli přístupnosti — a proces objednávky tvoří nepoměrně velký podíl těchto stížností.

Důvod je praktický: pokladna je místo, kde na úkolu záleží nejvíc. Nevidomý uživatel, který dokáže procházet stránky produktů, ale narazí na nefunkční pole formuláře při platbě, nemůže nákup dokončit. Tření je maximální. Stejně tak i motivace stěžovat si.

Očekává se, že vzorec vymáhání EAA bude následovat americkou trajektorii. Zastánci přístupnosti a orgány vymáhání budou upřednostňovat ty cesty, které nejpříměji ovlivňují schopnost osob se zdravotním postižením zapojit se do obchodu.

Čtyři nejrizikovější oblasti v e-commerce

1. Stránky produktů

Stránky produktů nejčastěji selhávají v přístupnosti kvůli:

Chybějícímu nebo nedostatečnému alternativnímu textu obrázků — obrázky produktů s názvy souborů jako alternativním textem („DSC0042.jpg”), prázdné atributy alt nebo automaticky generované popisy, které nezmiňují produkt ani jeho relevantní vlastnosti.

Variantám produktů rozlišeným pouze barvou — vzorky, které k rozlišení možností používají pouze barvu bez textové alternativy. Barvoslepý uživatel nemusí být schopen rozlišit mezi vzorkem „vínové” a „tmavě zelené”, který se vybírá jen kliknutím na malý barevný kroužek.

Selháním kontrastu v popisech produktů — světle šedý text na bílém pozadí u specifikací, cen nebo informací o dostupnosti.

Nepřístupným obrázkovým galeriím — komponenty karuselu, které nelze ovládat klávesnicí nebo které neoznamují číslo aktuálního snímku čtečkám obrazovky.

2. Vyhledávání a filtrování

Cesty navigace a objevování selhávají, když:

Výsledky vyhledávání nejsou oznamovány čtečkám obrazovky (nový počet zobrazených výsledků nespustí oznámení)
Zaškrtávací políčka nebo rozbalovací nabídky filtrů postrádají programová označení
Použité filtry nelze odstranit pomocí klávesnice
Návrhy automatického doplňování nejsou přístupné uživatelům čteček obrazovky

3. Pokladna

Pokladna obsahuje nejhustší koncentraci složitých interaktivních komponent — formuláře, platební widgety, vyhledávání adres, výběry termínů doručení — a tudíž i nejvyšší hustotu selhání přístupnosti.

Běžná selhání pokladny:

Pole formuláře bez přiřazených prvků <label> (pole oznamovaná jako „edit text, blank”)
Chybové hlášky, které se zobrazí vizuálně, ale nejsou oznamovány čtečkám obrazovky
Nesprávně spravovaný fokus po chybách při odeslání formuláře (uživatel neví, kde chyby jsou)
Platební iframy třetích stran, které nesplňují standardy přístupnosti
CAPTCHA bez přístupné alternativy

Nejvýznamnějším jednotlivým zlepšením přístupnosti e-shopu, jaké můžete udělat, je obvykle oprava formuláře pokladny — konkrétně: správná označení, provázané chybové hlášky a správná správa fokusu při selhání validace.

4. Správa účtu a poprodejní procesy

Stránky potvrzení objednávky, sledování zásilky, vratek a nastavení účtu jsou při kontrolách přístupnosti často opomíjeny. Přitom na nich záleží: uživatel, který dokáže dokončit nákup, ale nemůže sledovat svou objednávku ani zahájit vrácení, neměl přístupný zážitek.

PDF účtenky a faktury, které nejsou správně otagovány, jsou v poprodejních procesech běžným selháním. Přístupné dokumenty PDF vyžadují specifické tagování a pořadí čtení — PDF exportované z návrhového nástroje bez jakéhokoli zpracování přístupnosti téměř jistě není v souladu.

Co EAA nevyžaduje

Stojí za to ujasnit několik věcí, které EAA nevyžaduje:

Stoprocentní dokonalost automatizovaného skenu — automatizované nástroje spolehlivě odhalí jen 30–40 % problémů WCAG. Dokonalé automatizované skóre neznamená soulad a neúspěšné automatizované skóre neznamená porušení, pokud jsou problémy méně závažné.
Okamžitý soulad — organizace, které prokáží snahu v dobré víře, prohlášení o přístupnosti a zdokumentovaný plán nápravy, jsou v podstatně lepší pozici než ty, které neudělaly nic.
Soulad díky překryvnému widgetu — instalace překryvné vrstvy „přístupnost jedním kliknutím” požadavky EAA nesplňuje. Národní orgány vymáhání o těchto produktech vědí a několik členských států EU vyjasnilo, že překryvné vrstvy soulad nepředstavují.

Kde začít

Pokud jste svůj e-shop ještě neprověřili, začněte tím, že zjistíte, jak na tom jste.

Bezplatný automatizovaný sken vám okamžitě ukáže nejzřejmější porušení — selhání kontrastu, chybějící alternativní text, neoznačená pole formulářů. To zabere dvě minuty a nic nestojí.

Pro úplný přehled — včetně chyb, které automatizované nástroje nedokážou najít, jako je nepřístupná navigace klávesnicí, nefunkční správa fokusu v pokladně a selhání oznamování čtečkám obrazovky — potřebujete manuální testování. Naše audity přístupnosti prováděné lidmi se zdravotním postižením odhalí bariéry, na které by vaši skuteční uživatelé skutečně naráželi.

Upřednostněte pokladnu, stránky produktů a vyhledávání. Nejprve opravte problémy s největším dopadem. Dokumentujte svůj pokrok. Tato kombinace — audit, náprava, dokumentace — je základem souladu s EAA, který udržuje vaši organizaci před vymáháním, místo aby na něj reagovala.