Přístupnost e-shopu mimo Shoptet: Woo, Upgates, custom (5/10)
Zákon č. 424/2023 Sb. o požadavcích na přístupnost některých výrobků a služeb dopadá i na služby elektronického obchodování. Shoptet má vlastní průvodce; tenhle díl právní série je pro WooCommerce, Upgates a custom stack — co řešíte v šabloně, co v checkout pluginu a co musí být ve VOP. Primární opora: znění zákona a návodné dokumenty MPO (publikováno 24. 3. 2026, dokumenty A a D). Toto není právní poradenství.
Ve zkratce
- Účinnost povinností pro dotčené služby: od 28. 6. 2025 (ověřte aktuální znění zákona).
- Praktická technická opora: WCAG 2.2 úroveň A/AA / EN 301 549 (MPO dokument A).
- Mikropodnik a čistě B2B mají specifické výjimky — nejdřív kvalifikace, pak budget na audit.
- Originální prvek: srovnávací mapa Woo vs Upgates vs custom + 12bodový checklist před auditem.
- Shoptet: článek 471; Shopify: 504.
Nástroje: WooCommerce, Upgates, Shopify, Shoptet. Série: povinné údaje, VOP, cookie lišta, odstoupení 14 dní.
Co zákon řeší (stručně, bez opsání celého 471)
Zákon provádí evropská pravidla přístupnosti (EAA) do CZ. U e-commerce jde o to, aby informace, navigace, formuláře a platební kroky byly použitelné i s asistivními technologiemi. MPO v dokumentu D (elektronické obchodování) zdůrazňuje obchodní procesy, platby a informace o službě; dokument A pokrývá weby/aplikace přes principy vnímatelnost–ovladatelnost–srozumitelnost–robustnost a odkaz na WCAG 2.2 A/AA.
DataForSEO (CZ, cs, 29. 10. 2026): „zákon o přístupnosti“ ≈ 40/měs. (KD 19), „prohlášení o přístupnosti“ ≈ 50 (KD 13), „european accessibility act“ ≈ 70, „wcag“ ≈ 320. SERP u „prohlášení…“ tvoří hlavně samotná prohlášení institucí — proto cílíme na zákon + praktický checklist platforem, ne na generickou stránku „prohlášení“.
☐ Nejdřív odpovězte:
- Jste poskytovatel služby elektronického obchodování v rozsahu zákona?
- Platí výjimka mikropodniku (< 10 zaměstnanců a ≤ 2 mil. EUR obrat/bilance — ověřte přesné znění §)?
- Jde o B2C, nebo čistě B2B (často mimo režim e-commerce povinností)?
- Máte ve VOP informace vyžadované zákonem (v praxi skloňované kolem § 14 — ověřte aktuální text)?
Bez této kvalifikace zbytečně platíte audit, nebo naopak podceňujete riziko (dozor ČOI, sankce dle zákona).
WooCommerce vs Upgates vs custom
| Oblast | WooCommerce | Upgates | Custom (headless / vlastní) |
|---|---|---|---|
| Šablona / theme | vybíráte vy; hodně theme není AA | šablony vendoru, méně volnosti | plně vaše odpovědnost |
| Košík / checkout | plugin (Checkout field editor, platební brány) | vestavěný wizard | vlastní UI + platební SDK |
| Alt texty produktů | pole galerie + SEO pluginy | admin pole | CMS / PIM |
| Klávesnice / focus | závisí na theme + builderu (Elementor rizika) | méně builder chaosu | design system |
| Cookie / CMP | samostatně (vazba na cookie článek) | CMP dle tarifu | vlastní |
| Prohlášení o přístupnosti | statická stránka + údržba | statická stránka | součást design systému |
| Důkaz shody | audit šablon + pluginů | audit + ticket na vendor | audit + CI testy |
WooCommerce: kde to nejčastěji padá
- Page buildery generují neunikátní nadpisy, prázdné buttony, focus trap v popupech.
- Variation swatches bez textové alternativy (jen barva).
- Mini-cart drawer neovladatelný z klávesnice.
- Platební iframe (brána) — odpovědnost sdílená; musí jít dokončit platbu i se čtečkou.
- PDF faktury / návody bez tagů (MPO A zmiňuje ne-webové dokumenty).
Postup: vyberte theme s deklarací WCAG, vypněte zbytečné pluginy v checkoutu, otestujte Tab pořadí od kategorie → produkt → košík → doprava → platba → potvrzení.
Upgates: co ověřit v administraci
- Kontrast a velikost textu aktivní šablony.
- Formulářové labely u registrace a adresy.
- Výchozí chybové stavy (nevyplněné pole) — musí být textově srozumitelné, ne jen červený rámeček.
- Moduly (chat, popup newsletter) — často třetí strana bez focus managementu.
- Pokud vendor slibuje „přístupnost“, vyžádejte si konkrétní verzi WCAG a datum testu — MPO výslovně říká, že návodné dokumenty nezakládají předpoklad shody.
Custom / headless
Zařaďte přístupnost do Definition of Done: lint (axe-core), unit testy na aria, manuální průchod VoiceOver/NVDA, keyboard-only nákup jednou za release. Platební SDK (GoPay, Comgate, Stripe) testujte v stagingu se stejným CMP jako produkce.
12bodový checklist před auditem
☐ 1. Kvalifikace povinnosti / výjimky zapsaná (datum, kdo rozhodl)
☐ 2. Hlavní šablony: HP, kategorie, PDP, košík, checkout, účet, hledání
☐ 3. Kontrast textu a tlačítek (WCAG AA)
☐ 4. Alt u obsahových obrázků; dekorace skryté před AT
☐ 5. Nadpisy v logické hierarchii (jeden H1)
☐ 6. Kompletní nákup jen klávesnicí
☐ 7. Formuláře: label, chyba, aria-live u async
☐ 8. Video/banner: ovládání, žádné autoplay pasti
☐ 9. PDF doklady / návody: tagy nebo HTML alternativa
☐ 10. CMP neblokuje focus a má klávesnici
☐ 11. Prohlášení o přístupnosti + kontakt na feedback
☐ 12. Záznam ve VOP dle zákona + datum verze
Informace ve VOP a prohlášení
Právní minimum e-shopu (údaje, VOP, odstoupení) je v předchozích dílech série. Do VOP doplňte informace o přístupnosti tak, jak vyžaduje zákon (orientačně § 14 — ověřte aktuální text na e-Sbírce / zakonyprolidi). Prohlášení o přístupnosti u soukromého e-shopu není totéž co u povinných subjektů veřejné správy; přesto je srozumitelná stránka „co umíme / co víme že ne / jak nám napsat“ dobrá praxe a důkaz snahy.
Testování: co stačí interně a kdy volat experta
- Automat (axe, Lighthouse accessibility) chytí ~30–40 % problémů — nestačí jako důkaz.
- Manuál: klávesnice + jedna čtečka na Windows a jedna na macOS/iOS.
- Uživatelský test s člověkem, který AT reálně používá — nejvyšší hodnota.
- Expertní audit proti WCAG 2.2 AA na vzorku šablon (doporučuje MPO A).
Vztah k cookies, Ads a chatům
CMP a marketingové skripty nesmí rozbít ovladatelnost. Chatbot bez klávesnice je regres. Kontext consentu: Cookie lišta 2026. Přístupnost ≠ cookies, ale na jedné stránce checkoutu se potkají.
FAQ
Týká se 424/2023 Sb. i malého Woo e-shopu?
Záleží na kvalifikaci služby a výjimkách (mikropodnik, B2B). Nehádejte — projděte znění zákona a/nebo právníka. Tento text neradí „ano/ne“ pro váš konkrétní případ.
Stačí „WCAG plugin“ ve WordPressu?
Ne. Plugin neopraví špatný theme ani platební iframe. Je to doplněk, ne shoda.
Co je EAA?
European Accessibility Act — evropský rámec; do CZ proveden mimo jiné zákonem 424/2023 Sb.
Musím mít prohlášení o přístupnosti jako úřad?
Povinnosti veřejného sektoru a soukromého e-shopu se liší. Zákon u dotčených služeb ukládá informační povinnosti — konkrétní formu ověřte v aktuálním znění a MPO dokumentech.
Kde je Shoptet a Shopify?
Shoptet: 471. Shopify: 504. Tento díl je úmyslně mimo ně.
Jak souvisí přístupnost s povinnými údaji v patičce?
Jsou to různé povinnosti. Patička a kontakt: povinné údaje. Přístupnost řeší použitelnost rozhraní, ne jen IČO.
Priorita oprav (ať audit neskončí 200 tickets bez pořadí)
- Blokátory nákupu: nelze dokončit objednávku klávesnicí / čtečkou.
- Informace o ceně a chybách: uživatel neví, proč formulář nejde odeslat.
- Kontrast a focus na primárních CTA.
- Alternativy u klíčových produktových fotek (ne u všech dekorací najednou).
- PDF a chat jako druhá vlna.
Tím pádem custom tým i Woo agentura mají stejný backlog language. U Upgates část bodů skončí ticketem na podporu vendoru — evidujte číslo ticketu u bodu checklistu.
Co nepsat do prohlášení
- „Jsme 100% WCAG AA“ bez data a rozsahu stránek.
- Sliby za platební bránu, kterou neřídíte.
- Copy-paste cizího prohlášení úřadu.
Pište: rozsah (URL vzorku), metoda, známá omezení, kontakt, datum příští revize. To je konzistentní s přístupem k VOP verzování v dílu 2.
Souhra s povinnými údaji a odstoupením
Přístupný checkout, ve kterém nejsou dohledatelné povinné údaje nebo postup odstoupení, pořád selže u ČOI z jiného důvodu. Držte silo: údaje → VOP → cookies → odstoupení → přístupnost. Odstoupení a tlačítko 2027: díl 4.
Odhad pracnosti (orientační, ne cenová nabídka)
- Malý Woo katalog (< 200 SKU), solidní theme: dny až nízké týdny na opravy po auditním reportu.
- Builder-heavy Woo: často spíš výměna šablony než „doladění“.
- Upgates: závisí na odpovědích vendoru; paralelní obsahové opravy (alt, texty) zvládnete sami.
- Custom: započítejte regression testy do každého release, jinak se AA rozpadne po redesignu homepage.
Čísla berte jako řád, ne závazek — závisí na dluhu v kódu.
Shrnutí pro majitele e-shopu na jednu stránku
- Ověřte, zda vůbec spadáte pod povinnost (mikropodnik / B2B / typ služby).
- Zafixujte technický cíl: WCAG 2.2 A/AA na nákupní cestě.
- Proveďte 12bodový checklist a opravte blokátory checkoutu.
- Doplňte informace do VOP a udržujte prohlášení s datem.
- Naplánujte re-test po každém větším redesignu.
Dokud bod 1 není rozhodnutý písemně, body 2–5 jsou jen „best practice“ bez jasného compliance rámce. Až je rozhodnutý, body 2–5 přestávají být volitelné vylepšení UX.
Zdroje (ověřeno 29. 10. 2026)
- Zákon č. 424/2023 Sb. (e-Sbírka / zakonyprolidi — ověřte aktuální znění)
- MPO: Návodné dokumenty k zajištění požadavků na přístupnost (24. 3. 2026), zejména A a D
- DataForSEO Labs keyword overview, location 2203, cs
- Interní: články 471, 504, právní série 1–4
Závěr
Mimo Shoptet nenesete „klik v administraci“, ale odpovědnost za theme, checkout a třetí strany. Nejdřív kvalifikace povinnosti, pak checklist 12 bodů, pak audit. Až budete psát VOP a prohlášení, držte datum verze — stejně jako u odstoupení a cookie lišty v předchozích dílech.
