Přístupnost se v e-shopech dlouho brala jako téma pro státní weby. Od 28. června 2025 to tak není. Zákon č. 424/2023 Sb., který do českého práva převádí evropskou směrnici o přístupnosti, dopadá i na elektronické obchodování.
Právní rozbor patří advokátům. My jsme e-commerce agentura, takže se držíme toho, co umíme: co se na e-shopu reálně opravuje, co je to za práci a co je levné a co drahé.
Začněme tím, co vám jinde neřeknou
Většina článků na tohle téma je postavená na hrozbě pokuty do 10 milionů korun. Ta hranice v zákoně opravdu je (§ 25) a dozor nad e-shopy má Česká obchodní inspekce (§ 19). ČOI přístupnost e-shopů už kontroluje jako součást kontrol internetového prodeje. Podle zprávy ČOI za 1. čtvrtletí 2026 zjistila 6 případů porušení zákona o přístupnosti a nedostatky řešila ponejvíce uložením opatření k nápravě.
Co z toho plyne? Povinnost platí a kontroluje se, takže se na ni nedá kašlat. Zároveň ale platí, že když si necháte přístupnost prodat strachem, koupíte si obvykle papír. A papír vám nepomůže ani u kontroly, ani u zákazníků.
Lepší důvod: přístupný e-shop je e-shop, který se dá ovládat, když vám nefunguje myš, svítí slunce na displej nebo držíte v druhé ruce dítě. To je většina vašich zákazníků, ne menšina.
Co se reálně opravuje
Zákon sám technická pravidla nevyjmenovává, odkazuje na harmonizované normy. V praxi se shoda posuzuje podle normy EN 301 549, která pro weby vychází z úrovně AA pravidel WCAG 2.1. Za tím názvem se skrývá seznam konkrétních věcí a většina z nich je pro e-shopaře překvapivě srozumitelná.
| Co | Proč to vadí | Náročnost opravy |
|---|---|---|
| Nízký kontrast textu | Šedý text na světlém pozadí nepřečte ani člověk bez hendikepu na slunci | Malá. Je to úprava barev v šabloně |
| Chybějící popisky obrázků | Kdo obrázek nevidí, neví, co na něm je. Týká se i produktových fotek | Malá u nových, velká u celého katalogu |
| E-shop nejde ovládat klávesnicí | Bez myši se nedá dokončit objednávka | Střední, u vlastní šablony vyšší |
| Formuláře bez popisků polí | Odečítač obrazovky přečte „textové pole“ a nic víc | Střední |
| Nesrozumitelné chybové hlášky | „Chyba“ místo „chybí číslo domu“. Vadí všem | Malá a vyplatí se vždycky |
| Vyskakovací okna, ze kterých není úniku | Klávesnicí se z nich nedostanete | Střední |
| Informace jen barvou | Červená cena bez dalšího popisu neřekne nic | Malá |
Všimněte si, že skoro každý řádek zlepšuje e-shop pro všechny. Srozumitelná chybová hláška v checkoutu není ústupek menšině. Je to jedna z nejlevnějších věcí, kterými se dá zvednout dokončenost objednávek. Souvislosti rozebírá článek o košíku a checkoutu.
Co je levné a co drahé
Rozdělení je v praxi dost ostré a vyplatí se ho znát dřív, než si necháte udělat audit.
Levné
- Kontrast a barvy. Úprava v šabloně.
- Texty chybových hlášek a popisky tlačítek.
- Popisky u nových obrázků. Náklad je v procesu, ne v práci.
- Struktura nadpisů na stránce.
Drahé
- Ovládání klávesnicí v celém nákupním procesu, když se šablona dělala bez ohledu na to. Někdy je to práce na týdny.
- Popisky u tisíců existujících produktových fotek. Ručně to nikdo neufinancuje, takže se to řeší hromadně a s kontrolou.
- Vlastní komponenty, které si někdo napsal po svém: kalendáře, výběry variant, filtry. Přepis bývá dražší než původní vývoj.
- Stará šablona, u které se opravuje jedna věc po druhé a strop je daný. Tady se někdy vyplatí počkat na redesign.
Co si ověříte sami za dvacet minut
- Odložte myš a zkuste objednat jen klávesnicí. Tabulátorem se posouváte, mezerníkem a Enterem potvrzujete. Když se někde zaseknete, našli jste problém.
- Sledujte, jestli je vidět, kde zrovna jste. Když se při procházení klávesnicí nezvýrazňuje aktivní prvek, je e-shop neovladatelný.
- Zvětšete si stránku na dvojnásobek. Text se má zalomit, ne zmizet nebo se překrýt.
- Vyplňte formulář špatně. Řekne vám, co přesně opravit, nebo jen to, že je něco špatně?
- Otevřete vyskakovací okno a zkuste ho zavřít klávesou Esc. Když to nejde, je to past.
Automatické nástroje na kontrolu přístupnosti existují a stojí za to je pustit, ale odhalí jen část problémů. Věci jako „dá se tohle vůbec projít klávesnicí“ musí zkusit člověk.
Souvislost, která se nečeká
Přístupnost a strojová čitelnost jdou ruku v ruce. Odečítač obrazovky i jazykový model potřebují od stránky totéž: aby se z ní dal vyčíst obsah, ne jen obrázek. Popisky, správná struktura nadpisů a údaje zapsané jako údaje pomáhají obojímu.
Prakticky to znamená, že práce na přístupnosti má vedlejší efekt, který se dá změřit jinde, v tom, jestli vás dokáže nabídnout asistent a jestli vaše produkty rozumně chápou srovnávače. Rozebírá to článek o produktové kartě pro lidi i pro AI.
Jak k tomu přistoupit rozumně
Nedoporučujeme začínat auditem celého e-shopu. Vyjde z toho seznam stovek nálezů, ze kterého se nedá vyjít a který obvykle skončí v šuplíku.
- Začněte nákupní cestou. Hlavní strana, kategorie, detail produktu, košík, checkout. Když projde tahle cesta, máte hotovou nejdůležitější část.
- Opravte levné věci hned. Kontrast, chybové hlášky, popisky tlačítek. Dá se to stihnout za dny.
- Nastavte proces pro nový obsah. Aby se popisky u obrázků doplňovaly rovnou, ne zpětně.
- Drahé věci zařaďte do plánu. Ne do příštího týdne, do nejbližšího většího zásahu do šablony. U e-shopu na Shoptetu to bývá přechod na novou šablonu nebo design na míru.
- Nedělejte to v listopadu. Jako nic jiného. Viz kalendář před sezonou.
