Série: Shopify v Česku · díl 10/12 Navazuje na díl odstoupení od smlouvy na Shopify a na obecný výklad přístupnost e-shopu a zákon 424/2023 Sb.. Příští díl: čeština, CZK a SEO na Shopify.

Přístupnost e-shopu na Shopify: zákon 424/2023 Sb. a checklist šablony (10/12)

Přístupnost e-shopu na Shopify musí od 28. 6. 2025 řešit každý obchod, který prodává spotřebitelům a není mikropodnikem (zákon č. 424/2023 Sb.). Shopify za vás pokrývá checkout a administraci – podle svého prohlášení testuje checkout proti WCAG 2.2 A/AA. Za šablonu, obsah, aplikace a texty v obchodních podmínkách ale odpovídáte vy. V praxi to znamená: zkontrolovat šablonu (kontrast, klávesnice, fokus, nadpisy), doplnit alt texty, vypnout automatické přehrávání slideshow, otestovat aplikace v košíku a do VOP doplnit informace o přístupnosti podle § 14. Nejde o právní poradenství – výklad si ověřte s advokátem.

Ve zkratce

• Zákon se týká B2C e-shopů; výjimku má mikropodnik (méně než 10 zaměstnanců a obrat nebo bilanční suma do 2 mil. EUR).
• Shopify zveřejňuje zprávy VPAT: checkout WCAG 2.2 A/AA, administrace a šablona Dawn WCAG 2.1 A/AA.
• Šablony v Shopify Theme Store musí mít průměrné skóre přístupnosti v Lighthouse aspoň 90.
• Za kód šablony odpovídá obchodník – Shopify píše, že nad ním má obchodník plnou kontrolu.
• Originální prvek: matice odpovědnosti Shopify × šablona × aplikace × obchodník a 30minutový audit s ☐.

Na co se článek odvolává

Text vychází ze znění zákona a z oficiálních dokumentů Shopify dostupných k 18. 10. 2026:

• zákon č. 424/2023 Sb., o požadavcích na přístupnost některých výrobků a služeb – § 2 (působnost), § 13 a 14 (povinnosti poskytovatele služby), § 15 (nepřiměřená zátěž), § 19 (dozor), § 25 (přestupky), § 28 (přechodná ustanovení), příloha č. 1,
• Shopify Accessibility Statement (aktualizováno 7. 7. 2025),
• nápověda Shopify Accessibility for themes a Shopify.dev Accessibility best practices for themes,
• Theme Store requirements (požadavky na šablony v obchodě Shopify).

Podrobný výklad zákona, technické normy EN 301 549 a metodiky MPO najdete v našem článku pro Shoptet; tady se soustředíme na to, co je jinak na Shopify.

Týká se zákon vašeho Shopify obchodu?

Zákon se podle § 2 odst. 2 písm. d) vztahuje na služby elektronického obchodování poskytované spotřebitelům. Povinnosti platí pro služby poskytované po 28. 6. 2025 (§ 28 odst. 2). Podle § 2 odst. 3 písm. a) se nevztahuje na služby mikropodniku, tedy podniku s méně než 10 zaměstnanci, jehož roční obrat nebo bilanční suma nepřesahuje 2 mil. EUR.

Platforma na tom nic nemění: Shopify je dodavatel technologie, poskytovatelem služby vůči zákazníkovi jste vy. Výjimku tedy posuzujete podle své firmy, ne podle velikosti platformy. Dozor nad e-shopy vykonává Česká obchodní inspekce (§ 19 odst. 2).

Co zákon chce po e-shopu

Přístupná služba po celou dobu (§ 13). Služba musí splňovat požadavky na přístupnost po celou dobu poskytování, i po změně šablony nebo redesignu. Když zjistíte nesoulad, musíte bez zbytečného odkladu přijmout opatření a informovat orgán dozoru.

Informace ve VOP (§ 14). Do všeobecných obchodních podmínek nebo obdobného dokumentu patří informace, jak služba splňuje požadavky na přístupnost, všeobecný popis služby a vysvětlivky k jejímu fungování. Na žádost je máte poskytnout i ve zvukové formě a na webu v běžně přístupném formátu.

Platba a přihlášení (příloha č. 1, bod 7). Funkce pro identifikaci, zabezpečení a platbu musí být vnímatelné, ovladatelné, srozumitelné a stabilní. Prodáváte-li výrobky, k nimž výrobce poskytuje informace o přístupnosti, máte je zákazníkům zpřístupnit.

Výjimka (§ 15). Povinnost se nevztahuje na rozsah, který by vyžadoval zásadní změnu služby nebo znamenal nepřiměřenou zátěž – jen pokud máte písemné posouzení a informujete dozor.

Za nesplnění hrozí podle § 25 odst. 7 a 8 pokuta až 10 000 000 Kč (služba nesplňuje požadavky podle § 13 odst. 1) a až 1 000 000 Kč za chybějící informace podle § 14. Jde o horní hranice.

Co řeší Shopify a co zůstává na vás

Shopify ve svém prohlášení o přístupnosti uvádí, že jako vodítko používá WCAG 2.2 a pravidelně testuje obsah proti úrovni AA. Zveřejňuje i zprávy o shodě (VPAT): administrace – WCAG 2.1 A/AA, checkout – WCAG 2.2 A/AA, šablona Dawn ve verzi 2.4.0 – WCAG 2.1 A/AA. Současně připomíná, že obchodníci mají nad kódem šablony plnou kontrolu. Jakmile šablonu upravíte nebo použijete jinou, odpovědnost za výsledek nesete vy.

Tuto matici berte jako rozcestník, ne jako právní rozdělení odpovědnosti: vůči zákazníkovi a ČOI jste poskytovatelem služby vy.

Šablona: co ověřit před spuštěním

Shopify Theme Store požaduje u šablon průměrné skóre přístupnosti v Lighthouse alespoň 90 na produktové stránce, stránce kolekce a domovské stránce, na desktopu i mobilu. Dále musí být všechny části stránky ovladatelné klávesnicí včetně rozbalovacího menu a prvky s fokusem musí mít viditelný stav fokusu. To je dobrý výchozí bod, ale ne záruka: Shopify sám upozorňuje, že dodržení jeho doporučení plnou přístupnost nezaručuje.

Podle dokumentace Shopify.dev zkontrolujte hlavně:

• atribut lang na prvku html (pro češtinu cs) a povolený zoom – bez maximum-scale a user-scalable="no",
• odkaz „přeskočit na obsah“, který je vidět při fokusu,
• pořadí fokusu odpovídající pořadí v kódu a žádné kladné hodnoty tabindex,
• nadpisy h1 až h6 v logickém pořadí, jeden h1 na stránku,
• rozbalovací menu ovladatelné klávesami Enter, mezerník a Esc, se stavem aria-expanded,
• akční a původní cenu odlišenou i textem pro čtečky obrazovky,
• změnu ceny a dostupnosti po výběru varianty oznámenou přes aria-live.

Obsah a nastavení v administraci

Druhou polovinu práce děláte v administraci a v editoru šablony. Nápověda Shopify uvádí tato měřítka:

Alt texty k fotkám produktů doplníte přímo u produktu v administraci, k ostatním obrázkům v editoru šablony. Popisujte, co je na fotce důležité pro nákup (barva, materiál, detail), ne „fotka produktu“. Alt texty a struktura nadpisů pomáhají i SEO – tomu se věnuje příští díl.

Aplikace a checkout

Checkout je u Shopify nejlépe pokrytá část, ale do nákupu vstupují i aplikace: výběr výdejního místa, platební brány, cookie lišta, chat, recenze nebo upsell v košíku. Každá z nich může zablokovat fokus, překrýt tlačítko nebo zobrazit chybu jen barvou. Projděte proto celý nákup klávesnicí – od vyhledávání přes košík, dopravu a platbu až po potvrzení. U dopravy a plateb navazují díly Doprava pro Shopify v ČR a Platby na Shopify v ČR.

Pozor také na cookie lištu: musí jít zavřít i ovládat klávesnicí, jinak blokuje celý obchod. Pravidla souhlasu shrnuje článek GDPR 2026.

Informace o přístupnosti ve VOP

Shopify má obchodní podmínky v Nastavení → Zásady (Policies, položka Terms of service). Informace podle § 14 můžete vložit přímo do nich, nebo vytvořit samostatnou stránku v Online Store → Pages a odkázat na ni z VOP i z patičky. Strukturu podmínek pro B2C rozebírá díl VOP a reklamační řád e-shopu, povinné údaje v patičce článek Povinné údaje na e-shopu 2026.

Osnova textu (vzor ke zpracování, ne hotová právní formulace):

1. Popis služby – co e-shop nabízí, jak probíhá objednávka, doprava a platba.
2. Jak služba splňuje požadavky – použitá šablona a verze, standard (např. WCAG 2.1/2.2 AA), odkaz na VPAT checkoutu Shopify.
3. Známá omezení – části, které zatím přístupné nejsou, a termín nápravy.
4. Vysvětlivky k fungování – ovládání klávesnicí, filtry, výběr varianty, výdejní místo.
5. Kontakt – e-mail a telefon pro hlášení problémů; možnost dostat informace ve zvukové formě.
6. Datum poslední kontroly – aktualizujte po každé změně šablony nebo aplikací.

Časté chyby, které uvidíte při první kontrole

Při ručním průchodu se nejčastěji objeví stejné problémy. Šedý text na bílém pozadí v patičce a u cen po slevě nesplňuje kontrast. Ikony košíku, hledání a účtu nemají textový popis, takže čtečka obrazovky ohlásí jen „tlačítko“. Bannery s textem vloženým přímo do obrázku čtečka nepřečte vůbec. Vyskakovací okno se slevou za odběr newsletteru převezme fokus a nejde zavřít klávesou Esc. Chyby ve formuláři (špatné PSČ, chybějící telefon) se ukážou jen červeným rámečkem bez vysvětlení. A výběr velikosti nebo barvy funguje jen kliknutím myší na barevné kolečko.

Většinu z toho opravíte bez programátora: upravíte barevné schéma v nastavení šablony, přepíšete texty z obrázků do nadpisů sekcí, vypnete automatické vyskakovací okno a doplníte popisky polí. Zásahy do kódu šablony (popisky ikon, oznamování chyb) zadejte autorovi šablony nebo vývojáři a po nasazení je znovu otestujte.

30minutový audit Shopify obchodu

• ☐ Ověřil jsem, zda jsem mikropodnik (počet zaměstnanců a obrat nebo bilanční suma).
• ☐ Spustil jsem Lighthouse (sekce Accessibility) na domovské stránce, kolekci a produktu – mobil i desktop.
• ☐ Prošel jsem nákup jen klávesnicí (Tab, Shift + Tab, Enter, Esc) až po potvrzení objednávky.
• ☐ Fokus je vidět na všech odkazech, tlačítkách a polích a nezakrývá ho lišta ani okno.
• ☐ Kontrast textu, tlačítek a polí odpovídá 4,5 : 1, respektive 3 : 1.
• ☐ Produktové fotky mají věcný alt text; dekorativní obrázky prázdný.
• ☐ Slideshow a videa se nespouštějí samy, nebo mají ovládání; videa s dialogem mají titulky.
• ☐ Výběr varianty, chyby ve formulářích a změna ceny jsou srozumitelné i bez barvy.
• ☐ Cookie lišta, chat a aplikace v košíku jdou ovládat klávesnicí.
• ☐ Ve VOP nebo na samostatné stránce jsou informace podle § 14 a kontakt pro hlášení problémů.
• ☐ Po každé úpravě šablony nebo nové aplikaci audit zopakuji (Shopify nabízí i Lighthouse CI akci pro GitHub).

Kompletní mapu série a srovnání se Shoptetem najdete v pilíři Shopify v Česku 2026 a v článku Shopify vs Shoptet 2026. Profil platformy je v katalogu Shopify.

Navazující díl série řeší češtinu, CZK a SEO na Shopify přes Markets a překlady.

Vedle Shopify checklistu je obecný pohled na Woo/Upgates/custom v Přístupnost e-shopu mimo Shoptet (5/10).

FAQ

Musí malý e-shop na Shopify splňovat zákon o přístupnosti?

Pokud je mikropodnikem – má méně než 10 zaměstnanců a roční obrat nebo bilanční suma nepřesahuje 2 mil. EUR – zákon č. 424/2023 Sb. se na jeho služby nevztahuje (§ 2 odst. 3). Základní přístupnost se přesto vyplatí kvůli mobilu i SEO.

Stačí, že má Shopify přístupný checkout?

Nestačí. Shopify uvádí shodu checkoutu s WCAG 2.2 A/AA, ale šablonu, obsah, aplikace a VOP spravujete vy. Zákazník prochází celý obchod, ne jen pokladnu.

Je šablona Dawn přístupná?

Shopify zveřejňuje VPAT pro Dawn ve verzi 2.4.0 se standardem WCAG 2.1 A/AA. Novější verze, vaše úpravy a přidané sekce je potřeba ověřit znovu.

Jaké skóre v Lighthouse je dostatečné?

Shopify u šablon v Theme Store vyžaduje průměrné skóre přístupnosti aspoň 90. Automatický test ale neodhalí vše, proto vždy doplňte ruční průchod klávesnicí.

Kam na Shopify napsat informace o přístupnosti?

Do obchodních podmínek v Nastavení → Zásady, nebo na samostatnou stránku odkázanou z VOP a patičky. Obsah stanoví § 14 zákona č. 424/2023 Sb.

Je tento článek právní rada?

Není. Shrnuje znění zákona a dokumentaci Shopify k 18. 10. 2026. Posouzení, zda se vás zákon týká, a text do VOP konzultujte s advokátem.

Zdroje (ověřeno 18. 10. 2026)

• Zákon č. 424/2023 Sb., o požadavcích na přístupnost některých výrobků a služeb
• Shopify Accessibility Statement
• Shopify Help: Accessibility for themes
• Shopify.dev: Accessibility best practices for themes
• Shopify.dev: Theme Store requirements