Přístupnost e-shopu (EAA): co musí Shopify e-shop splňovat

23. 9. 2026
Přístupnost e-shopu (EAA): co musí Shopify e-shop splňovat

Přístupnost e-shopu je od 28. června 2025 zákonná povinnost. Evropský akt o přístupnosti (EAA) se v Česku promítl do zákona č. 424/2023 Sb. Ten po e-shopech, které prodávají spotřebitelům, chce, aby nákup zvládli i lidé se zrakovým, sluchovým nebo motorickým postižením. Výjimku mají jen mikropodniky. Shopify pokrývá velkou část požadavků v pokladně a v kvalitních šablonách, za obsah, úpravy šablony a aplikace ale odpovídáte vy.

V článku najdete, na koho se zákon vztahuje, co přesně musí e-shop splňovat, co za vás řeší Shopify a jak si přístupnost otestovat a opravit.

Klíčové body

  • Zákon č. 424/2023 Sb. platí od 28. 6. 2025 pro e-shopy prodávající spotřebitelům. Dozor vykonává Česká obchodní inspekce.
  • Výjimku mají mikropodniky: méně než 10 zaměstnanců a obrat nebo bilanční suma do 2 milionů eur.
  • Technickým měřítkem je v praxi WCAG 2.1 na úrovni AA. Do obchodních podmínek patří informace o přístupnosti.
  • Shopify řeší přístupnost pokladny a šablon z Theme Store. Obsah, úpravy a aplikace jsou na vás.

Obsah článku

Co je EAA a zákon o přístupnosti

EAA (European Accessibility Act) je evropská směrnice 2019/882. Sjednocuje požadavky na přístupnost vybraných výrobků a služeb v celé EU. V Česku ji provádí zákon č. 424/2023 Sb., o požadavcích na přístupnost některých výrobků a služeb, který nabyl účinnosti 28. června 2025. Kromě e-shopů se týká například bankovních služeb, prodeje e-knih, jízdenek v dopravě nebo samoobslužných terminálů.

Zákon definuje služby elektronického obchodu jako služby poskytované na dálku přes webové stránky nebo mobilní zařízení, elektronickými prostředky, na žádost spotřebitele a za účelem uzavření spotřebitelské smlouvy. Běžný český e-shop, který prodává koncovým zákazníkům, pod tuhle definici spadá.

Cílem zákona je, aby nakoupit mohl i člověk, který nevidí a používá čtečku obrazovky, člověk se slabým zrakem, který si zvětšuje písmo, nebo člověk, který kvůli motorickému omezení neovládá myš a pohybuje se po stránce klávesnicí. V EU jde o desítky milionů lidí. K nim se přidávají senioři, kteří přístupnost nepotřebují ze zákona, ale ocení ji stejně.

Týká se zákon i vašeho e-shopu?

Zákon se týká každého e-shopu, který prodává spotřebitelům, s výjimkou mikropodniků. Mikropodnik je podle nařízení Komise (EU) č. 651/2014 firma, která zaměstnává méně než 10 osob a zároveň má roční obrat nebo bilanční sumu nejvýše 2 miliony eur. Obě podmínky musí platit současně.

Váš e-shop Vztahuje se na vás zákon?
Prodává spotřebitelům, 10 a více zaměstnanců Ano
Prodává spotřebitelům, méně než 10 zaměstnanců, obrat i bilanční suma nad 2 mil. eur Ano
Prodává spotřebitelům, méně než 10 zaměstnanců, obrat nebo bilanční suma do 2 mil. eur Ne, jde o mikropodnik
Prodává výhradně firmám (B2B) Zpravidla ne. Zákon míří na smlouvy se spotřebiteli.
Prodává spotřebitelům i firmám Ano, pro spotřebitelskou část

Pro zaměstnance se počítají přepočtené roční jednotky pracovní síly. U firem ve skupině se údaje sčítají s propojenými podniky. Když jste těsně pod hranicí a rostete, počítejte s tím, že povinnost přijde. Opravy přístupnosti je levnější dělat průběžně než najednou pod tlakem.

Výjimka pro mikropodniky neznamená, že přístupnost nemá smysl. Nevidomý zákazník na nepřístupném e-shopu nenakoupí bez ohledu na velikost firmy.

Co konkrétně musí e-shop splňovat

E-shop musí být vnímatelný, ovladatelný, srozumitelný a stabilní (robustní) pro lidi s postižením. Stejné čtyři principy používá mezinárodní standard WCAG. Zákon technické detaily nerozepisuje. Odkazuje na harmonizované normy, v praxi na evropskou normu EN 301 549, která přebírá požadavky WCAG 2.1 na úrovni AA. Kdo splní WCAG 2.1 AA, má přístupnost webu pokrytou.

U služeb elektronického obchodu zákon navíc výslovně chce:

  • informace o přístupnosti prodávaných výrobků, pokud je poskytuje výrobce,
  • přístupné funkce pro identifikaci, zabezpečení a platbu, tedy přihlášení, ověření a zaplacení musí zvládnout i člověk se čtečkou obrazovky nebo bez myši.

Co to znamená na e-shopu v praxi:

Princip Příklad požadavku Kde v e-shopu
Vnímatelnost Obrázky mají textovou alternativu, text má dostatečný kontrast (4,5 : 1) Produktové fotky, bannery, tlačítka
Ovladatelnost Vše se dá ovládat klávesnicí, fokus je vidět, nic se samo nerozjede Menu, filtry, výběr varianty, košík
Srozumitelnost Formuláře mají popisky, chybové hlášky říkají, co opravit Registrace, pokladna, kontaktní formulář
Robustnost Kód je čitelný pro čtečky obrazovky, prvky mají správné role Vlastní prvky šablony, aplikace

Novější verze WCAG 2.2 přidává další kritéria, například minimální velikost klikací plochy 24 × 24 pixelů nebo zákaz toho, aby fokus zakrýval pevný prvek (lišta s cookies, chat). Závazná zatím není, ale kdo opravuje, ať rovnou míří na ni.

Informace o přístupnosti v obchodních podmínkách

Podle § 14 zákona musíte ve všeobecných obchodních podmínkách zveřejnit, jak vaše služba splňuje požadavky na přístupnost. Tuhle povinnost e-shopy přehlížejí nejčastěji, přitom je nejsnazší ji splnit. Informace musí obsahovat obecný popis služby v přístupném formátu a popis toho, jak služba jednotlivé požadavky splňuje. Na požádání musíte informace poskytnout i v alternativní podobě.

Prakticky doporučujeme:

  • do obchodních podmínek přidat samostatný článek o přístupnosti,
  • popsat, podle jakého standardu je e-shop postavený (WCAG 2.1 AA) a jak jste ho ověřili,
  • uvést známá omezení a termín jejich opravy, pokud nějaká máte,
  • uvést kontakt, přes který může zákazník nahlásit problém s přístupností nebo požádat o jiný formát.

Stránka s obchodními podmínkami musí být sama přístupná. Podmínky jako naskenované PDF nebo obrázek povinnost nesplní.

Kontroly, pokuty a nepřiměřená zátěž

Přístupnost e-shopů kontroluje Česká obchodní inspekce. Za nezajištění přístupnosti nebo nezveřejnění informací o ní hrozí pokuta až 10 milionů korun. ČOI obvykle nejdřív vyzve k nápravě, ale na to se nespoléhejte. Kontrolu může spustit i podnět zákazníka, který na e-shopu nenakoupil.

Zákon zná výjimku pro nepřiměřenou zátěž. Pokud by splnění některého požadavku znamenalo zásadní změnu služby nebo náklady nepřiměřené přínosu, můžete ho nesplnit. Musíte to ale písemně posoudit pro každý požadavek zvlášť podle kritérií v příloze zákona a posouzení předložit dozorovému orgánu. Nejde o obecné „je to pro nás drahé“, ale o doložený výpočet. U e-shopu na Shopify tuhle výjimku obhájíte jen těžko, protože většina oprav jsou běžné úpravy šablony a obsahu.

Přechodná ustanovení se týkají hlavně obsahu, který jste zveřejnili před 28. červnem 2025 a od té doby neměníte. E-shop se ale mění každý den (nové produkty, ceny, bannery), takže na výjimku pro archivní obsah se spoléhat nedá.

Co za vás řeší Shopify a co ne

Shopify zajišťuje přístupnost pokladny a administrace a klade požadavky na šablony ve svém Theme Store. Zbytek e-shopu je na vás. Konkrétně:

  • Pokladna (checkout): Shopify zveřejňuje zprávu o shodě pokladny s WCAG 2.0, 2.1 i 2.2 na úrovni AA. Aktuální verze je z března 2026. Většinu kritérií splňuje, u několika (například kontrast nebo pořadí fokusu) uvádí částečnou podporu a průběžné opravy. Pokladnu upravujete jen v mezích, které Shopify dovolí, takže její přístupnost je z velké části v rukou platformy.
  • Šablony z Theme Store: každá šablona musí mít v Lighthouse průměrné skóre přístupnosti aspoň 90 na domovské stránce, kolekci i produktu, na mobilu i desktopu. To je dobrý základ, ale ne záruka shody s WCAG. Lighthouse odhalí jen část problémů.
  • Co Shopify neřeší: obsah, který nahráváte (texty, fotky, bannery, videa), barvy a písma, které v šabloně nastavíte, úpravy kódu šablony a aplikace třetích stran.

Shopify ve své nápovědě výslovně píše, že při úpravách šablony máte volit design a obsah tak, aby e-shop zůstal přístupný. Odpovědnost vůči ČOI nese provozovatel e-shopu, ne platforma.

Jak ověřit přístupnost šablony

Začněte šablonou, protože její chyby se opakují na každé stránce. Jedna chyba v hlavičce se tak projeví na tisících URL. Postup:

  1. Zjistěte původ šablony. Šablona z Theme Store v aktuální verzi je dobrý základ. Stará šablona, šablona mimo Theme Store nebo šablona s mnoha úpravami na míru potřebuje důkladnější kontrolu.
  2. Zkontrolujte, jestli máte poslední verzi. Autoři šablon přístupnost průběžně opravují. Zastaralá verze přichází o opravy, které už existují.
  3. Projděte úpravy v kódu. Přidané sekce, vlastní menu nebo posuvníky od externího vývojáře bývají nejčastějším zdrojem chyb.
  4. Otestujte klíčové šablony stránek: domovskou stránku, kolekci s filtry, produkt s variantami, košík, vyhledávání a stránku s kontaktním formulářem.

Pokud šablonu teprve vybíráte, zařaďte přístupnost mezi kritéria výběru vedle rychlosti a funkcí. Další kritéria popisuje článek Jak vybrat správnou Shopify šablonu. Když se ukáže, že stará šablona nejde rozumně opravit, pomůže instalace nové šablony na stávající e-shop. Výměnu šablony ale naplánujte mimo vánoční sezónu, jak doporučuje náš technický checklist na Black Friday a Vánoce.

Obsah, který spravujete vy

Většinu chyb v přístupnosti nezpůsobí šablona, ale obsah, který do ní vkládáte. Dobrá zpráva je, že tyhle chyby opravíte sami bez programátora.

  • Alternativní text u obrázků. Každá produktová fotka potřebuje alt text, který popisuje, co je na ní: „Modrá lněná košile s krátkým rukávem, pohled zepředu“, ne „IMG_4521“ ani „košile košile levně“. Čistě dekorativní obrázky nechte s prázdným altem. Alt text vyplníte v administraci u každého obrázku.
  • Text v obrázcích. Banner, na kterém je sleva napsaná jen v obrázku, čtečka nepřečte. Důležitý text dejte do textového pole sekce, ne do grafiky.
  • Nadpisy. Každá stránka má jeden H1 a nadpisy jdou po sobě bez přeskakování úrovní. Nevolte úroveň nadpisu podle velikosti písma.
  • Kontrast barev. Běžný text musí mít vůči pozadí kontrast aspoň 4,5 : 1, velký text 3 : 1. Světle šedé písmo na bílém pozadí je nejčastější prohřešek.
  • Odkazy. Text odkazu říká, kam vede. Místo „klikněte zde“ napište „tabulka velikostí“.
  • Videa. Nespouštějte je automaticky se zvukem. Pokud video nese informaci (návod, prezentace produktu), přidejte titulky.
  • Posuvníky (slideshow). Nesmí se samy točit bez možnosti zastavení. Shopify doporučuje automatické přehrávání vypnout.
  • PDF dokumenty. Návody a katalogy ke stažení mají být přístupná PDF, ne naskenované stránky.

Přístupný obsah je zároveň lépe čitelný pro vyhledávače, takže úpravy mají přesah do SEO. Víc o tom v poslední kapitole.

Formuláře, košík a ovládání klávesnicí

Nákupní proces musí jít projít jen klávesnicí, od výběru produktu po dokončení objednávky. Tady se lámou tržby, protože nepřístupný košík znamená ztracenou objednávku. Zkontrolujte:

  • Výběr varianty. Velikost a barvu musí jít vybrat klávesnicí a čtečka musí oznámit, co je vybráno. Vlastní „barevné kostičky“ bez správného kódu jsou častý problém.
  • Tlačítko Přidat do košíku. Po přidání musí zákazník dostat oznámení, které přečte i čtečka. Vyjíždějící boční košík musí převzít fokus a jít zavřít klávesou Esc.
  • Formuláře. Každé pole má viditelný popisek, ne jen šedý text uvnitř pole, který při psaní zmizí. Chybová hláška říká, co je špatně a jak to opravit.
  • Filtry v kolekci. Musí jít ovládat klávesnicí a po použití filtru musí čtečka oznámit změnu počtu produktů. Pokročilé filtry podle metapolí popisuje článek Konec textových filtrů na Shopify.
  • Viditelný fokus. Při procházení klávesou Tab musí být vždy vidět, kde se nacházíte. Šablony, které obrys fokusu kvůli vzhledu skryjí, porušují základní požadavek.
  • Vyskakovací okna. Pop-up s newsletterem musí jít zavřít klávesnicí a nesmí uvěznit fokus.

Pokud máte vlastní B2B objednávkový formulář nebo jiné prvky na míru, patří do testu také.

Aplikace a widgety třetích stran

Každá aplikace, která něco zobrazuje na webu, je součástí vašeho e-shopu a její přístupnost jde za vámi. Týká se to hlavně recenzí, chatů, pop-upů, cookie lišt, věrnostních programů a doporučovacích widgetů. Právě ty bývají v přístupnosti nejslabší, protože vkládají vlastní kód mimo kontrolu šablony.

U každé aplikace ověřte, jestli jde ovládat klávesnicí, jestli nepřekrývá obsah a jestli ji přečte čtečka. U nových aplikací se vývojáře zeptejte na shodu s WCAG ještě před instalací. Jak aplikace vybírat obecně, popisuje článek Shopify App Store: nejlepší aplikace pro český e-shop.

Zvláštní kapitolou jsou „přístupnostní“ widgety (overlaye). V Shopify App Store jich je řada a slibují shodu s EAA po instalaci. Takový widget přidá panel s tlačítky pro zvětšení písma nebo kontrast, ale neopraví kód šablony, chybějící alt texty ani nepřístupný formulář. Lidé, kteří čtečku obrazovky používají, mají vlastní nastavení a widget jim často spíš překáží. Odborná komunita přístupnosti overlaye jako náhradu oprav odmítá. Za shodu se zákonem je nepovažujte.

Jak si přístupnost otestovat sami

Základní test zvládnete za odpoledne s bezplatnými nástroji. Automatické nástroje odhalí zhruba třetinu problémů, zbytek najde ruční test klávesnicí a čtečkou. Používejte obojí.

Nástroj Co odhalí Cena
Lighthouse (v prohlížeči Chrome) Základní chyby: kontrast, chybějící alt texty, popisky formulářů Zdarma
WAVE (rozšíření prohlížeče) Chyby přímo vyznačené na stránce, strukturu nadpisů Zdarma
axe DevTools (rozšíření prohlížeče) Podrobnější automatický audit s odkazy na kritéria WCAG Zdarma v základu
Klávesnice (Tab, Shift+Tab, Enter, Esc) Ovladatelnost, viditelný fokus, pasti fokusu Zdarma
Čtečka obrazovky NVDA (Windows) nebo VoiceOver (Mac, iPhone) Jak e-shop „slyší“ nevidomý zákazník Zdarma
Kontrola kontrastu (např. WebAIM Contrast Checker) Poměr kontrastu konkrétních barev Zdarma

Nejcennější test je projít celý nákup jen klávesnicí: najít produkt, vybrat variantu, přidat do košíku, vyplnit údaje a dojít k platbě. Kde se zaseknete, tam se zasekne i zákazník.

Postup opravy krok za krokem

Opravujte v pořadí podle dopadu na nákup, ne podle počtu chyb v reportu. Automatický audit najde stovky položek, ale většina z nich se opakuje a vyřeší ji jedna oprava v šabloně.

  1. Audit. Automatický test klíčových stránek a ruční průchod nákupem klávesnicí a čtečkou. Výstupem je seznam problémů s prioritou.
  2. Blokující chyby v nákupu. Cokoli, co zákazníkovi znemožní dokončit objednávku: nedostupný výběr varianty, košík, formulář, pop-up.
  3. Šablona. Opakující se chyby v hlavičce, menu, patičce a produktové stránce. Jedna oprava se projeví všude.
  4. Obsah. Alt texty, nadpisy, kontrast, texty odkazů. Může dělat váš tým průběžně.
  5. Aplikace. Nahradit nebo nastavit ty, které přístupnost rozbíjejí.
  6. Informace v obchodních podmínkách. Až po opravách, aby popisovaly skutečný stav.
  7. Průběžná kontrola. Po každé větší změně šablony nebo nové aplikaci zopakovat test klíčových stránek.

Audit a opravy šablony pro vás uděláme v rámci úprav a integrací do Shopify. Pro postupné opravy se hodí předplacené hodiny vývoje, ze kterých čerpáte podle potřeby.

Přístupnost, SEO a konverze

Přístupný e-shop je zároveň lépe optimalizovaný pro vyhledávače a lépe prodává. Nejde jen o splnění zákona. Většina požadavků na přístupnost se kryje s tím, co ocení Google i běžný zákazník:

  • Alt texty pomáhají obrázkům ve vyhledávání obrázků.
  • Správná struktura nadpisů pomáhá vyhledávačům i AI asistentům pochopit, o čem stránka je.
  • Popisné texty odkazů jsou signálem pro interní prolinkování.
  • Dobrý kontrast a čitelné písmo snižují odchody na mobilu na slunci stejně jako u slabozrakých.
  • Srozumitelné formuláře a chybové hlášky snižují počet opuštěných pokladen u všech zákazníků.

Technické SEO na Shopify podrobně rozebírá článek SEO pro Shopify: průvodce pro organický růst. Přístupnost a SEO se vyplatí řešit společně, protože opravujete stejné prvky.

Často kladené dotazy (FAQ)

Od kdy musí být e-shop přístupný?

Od 28. června 2025, kdy nabyl účinnosti zákon č. 424/2023 Sb., který v Česku provádí Evropský akt o přístupnosti (EAA). Povinnost se týká e-shopů prodávajících spotřebitelům, s výjimkou mikropodniků. Dozor nad e-shopy vykonává Česká obchodní inspekce a za porušení hrozí pokuta až 10 milionů korun.

Týká se zákon o přístupnosti malých e-shopů?

Netýká se mikropodniků, tedy firem s méně než 10 zaměstnanci, které zároveň mají roční obrat nebo bilanční sumu do 2 milionů eur. Obě podmínky musí platit současně. Firma s pěti zaměstnanci a obratem 3 miliony eur mikropodnikem není a zákon se na ni vztahuje.

Podle jakého standardu se přístupnost e-shopu posuzuje?

Zákon odkazuje na harmonizovanou evropskou normu EN 301 549, která pro weby přebírá standard WCAG 2.1 na úrovni AA. Ten stojí na čtyřech principech: vnímatelnost, ovladatelnost, srozumitelnost a robustnost. Novější WCAG 2.2 zatím závazná není, ale vyplatí se na ni mířit.

Je Shopify e-shop automaticky v souladu s EAA?

Ne. Shopify zajišťuje přístupnost pokladny a šablony v Theme Store musí splnit skóre přístupnosti aspoň 90 v Lighthouse. Za obsah, barvy, úpravy kódu šablony a aplikace ale odpovídá provozovatel e-shopu. Právě v nich vzniká většina chyb.

Stačí nainstalovat přístupnostní widget z App Store?

Nestačí. Widget přidá panel pro zvětšení písma nebo kontrast, ale neopraví kód šablony, chybějící alternativní texty ani nepřístupné formuláře. Lidé se čtečkou obrazovky mají vlastní nástroje a widget jim často překáží. Shodu se zákonem zajistí jen oprava samotného e-shopu.

Co musí být v obchodních podmínkách o přístupnosti?

Podle § 14 zákona informace o tom, jak e-shop splňuje požadavky na přístupnost: obecný popis služby v přístupném formátu a popis splnění jednotlivých požadavků. Doporučujeme uvést i standard, podle kterého je e-shop postavený, známá omezení a kontakt pro nahlášení problému.

Chcete vědět, jak je na tom váš e-shop?

Uděláme audit přístupnosti vašeho Shopify e-shopu, seřadíme nálezy podle dopadu na nákup a opravíme šablonu i prvky na míru. Podívejte se na naše úpravy a integrace do Shopify nebo si domluvte konzultaci zdarma.

Zdroje

Autor: Miroslav Volovec, CEO 3NODE Software s.r.o. — specialisté na vývoj e-shopů a aplikací na platformě Shopify.