# Kontrola přístupnosti obchodu na Shopify
URL: https://pandus.online/cs/shopify-pristupnost-wcag
Updated: 2026-10-14

Bezplatný test přístupnosti pro Shopify: ověřte stránku obchodu podle WCAG 2.2 AA a zjistěte, jaké chyby šablony a aplikací najde a jak je opravit.

Zadejte adresu libovolné stránky svého obchodu na Shopify: otestujeme ji podle WCAG 2.2 A a AA ve skutečném prohlížeči a každý problém vysvětlíme i s opravou pro šablony a aplikace Shopify. Zdarma, bez registrace, zhruba za minutu. Automatizovaná kontrola, nikoli úplný audit.
Bez registrace
WCAG 2.2 A a AA
Opravy pro šablony Shopify
Otestuje jednu stránku obchodu na Shopify podle WCAG 2.2 na úrovních A a AA pomocí axe-core ve skutečném prohlížeči
Každý problém vysvětlí srozumitelně a s opravou pro šablony Shopify, sekce v Liquidu a aplikace
Najde obrázky bez alternativního textu, nízký kontrast, pole bez popisku a ikonová tlačítka bez názvu
V placeném tarifu týdenní kontrola všech stránek obchodu, reporty v sedmi jazycích
Automatizovaná kontrola, nikoli úplný audit: řekne vám, co je ještě potřeba otestovat ručně
## Co checker přístupnosti pro Shopify testuje

Kontrola otevře vaši stránku v prohlížeči Chromium, spustí [axe-core](https://github.com/dequelabs/axe-core) — open-source engine pravidel, který používá i Lighthouse — a každý nález přiřadí ke kritériu úspěšnosti WCAG 2.2 a k EN 301 549, evropské normě, ze které vychází EAA. Každý nález vysvětluje karta z naší [knihovny pravidel](https://pandus.online/cs/rules) a každá karta má samostatnou poznámku pro Shopify.

Otestovat můžete jakoukoli veřejnou stránku: domovskou stránku, kolekci, stránku produktu s variantami, košík, článek blogu nebo stránku s obchodními podmínkami. Stránky chráněné heslem (například obchod, který ještě není spuštěný) zkontrolujete naším bezplatným [rozšířením prohlížeče](https://pandus.online/cs/rozsireni-pro-kontrolu-pristupnosti), které běží ve vašem vlastním prohlížeči.

## Typické problémy v šablonách Shopify

Vycházejí z poznámek pro Shopify v našich kartách pravidel, které popisují, kde problém obvykle vzniká a jak ho opravit:

| Problém | Odkud v Shopify obvykle pochází | Jak ho opravit |
| --- | --- | --- |
| Tlačítka bez názvu (kritické) | Ikonová tlačítka v šabloně: menu, vyhledávání, množství, zavření; tlačítka vložená aplikacemi | Doplňte popisek ve snippetech Liquid šablony; vývojáře aplikací požádejte o opravu tlačítek, která jejich aplikace přidávají |
| Rozbalovací seznamy bez popisku (kritické) | Výběr variant, řazení, výběr měny a jazyka | Doplňte popisky ve snippetech Liquid šablony |
| Formulářová pole bez popisku (kritické) | Pole vyhledávání, newsletteru, kontaktu a množství, formuláře přidané aplikacemi | Doplňte popisky v šablonách Liquid nebo v nastavení aplikace |
| Nízký kontrast textu (závažné) | Barevné schéma šablony | Změňte barvy nejdřív v nastavení barev v editoru šablony, a pokud jsou napevno v kódu, pak v CSS šablony |
| Obrázky bez alternativního textu (závažné) | Média produktů a obrázky v sekcích šablony | Vyplňte alternativní text v administraci Shopify; pokud se nevypisuje, chybí značce obrázku v šabloně Liquid atribut alt |
| Odkazy, které neříkají, kam vedou (závažné) | Ikonové odkazy v záhlaví a zápatí | Přidejte vizuálně skrytý text nebo aria-label v sekcích a snippetech šablony |
| Skryté prvky dosažitelné klávesnicí (závažné) | Vysouvací menu, šuplíky (drawery), vyskakovací okna, karusely | Opravte logiku skrývání v JavaScriptu nebo Liquidu šablony; widgety aplikací nahlaste jejich vývojáři |
| Úrovně nadpisů, které přeskakují (střední) | Úrovně napevno nastavené v sekcích, například v kartách produktů nebo v nadpisech zápatí | Změňte značky v souborech Liquid; nastavení velikosti nadpisu obvykle mění jen vzhled |
| Příliš malé dotykové cíle (střední) | Vzorníky variant, tlačítka množství, ikony | Zvětšete velikost nebo odsazení v CSS šablony |


## Šablona, aplikace, nebo obsah: kdo co opravuje

- **Šablona** určuje většinu kódu: nadpisy, tlačítka, menu, formuláře a barvy. Aktualizace šablony může problémy opravit — nebo je vrátit, a proto je důležitá týdenní opakovaná kontrola.
- **Aplikace** vkládají vlastní kód: recenze, seznamy přání, vyskakovací okna, chat a cookie lišty. Pokud problém sídlí ve widgetu aplikace, nahlaste ho vývojáři aplikace i s nálezem z reportu.
- **Obsah** je na vás: alternativní texty k obrázkům produktů, texty odkazů, nadpisy v popisech produktů a na stránkách.
- **Pokladnu** provozuje Shopify. Obchodníci většinu jejího kódu měnit nemohou, a proto se kontrola vašeho obchodu zaměřuje na šablonu a aplikace.

## Co checker nedělá

Nemění váš obchod, neinstaluje aplikaci ani nepřidává overlay widget. Najde tu část problémů podle WCAG, kterou dokáže odhalit stroj; zda je alternativní text smysluplný, zda objednávku lze dokončit klávesnicí a čtečkou obrazovky a zda jsou chybové zprávy jasné, musí posoudit člověk. Co testovat ručně, uvádí náš [WCAG 2.2 checklist](https://pandus.online/cs/wcag-2-2-checklist-e-shop).

## Od jedné stránky k celému obchodu

V placeném tarifu každý týden zkontrolujeme **všechny stránky** obchodu, ukážeme, co je od poslední kontroly nového, a připravíme report pro majitele v angličtině, ukrajinštině, němčině, polštině, češtině, rumunštině nebo ruštině. Agentury dostávají stejné reporty pod vlastní značkou. Jeden řádek kódu v `theme.liquid` přidá stránku s informacemi o přístupnosti a formulář „Nahlásit bariéru“: viz [kód pro vložení](https://pandus.online/cs/stranka-pristupnosti-a-formular-barier-pro-web).

Prodáváte spotřebitelům v EU? Na váš obchod se může vztahovat evropský akt o přístupnosti (EAA), pokud nejde o mikropodnik. Nejdřív projděte [filtr EAA o třech otázkách](https://pandus.online/cs/na-koho-se-vztahuje-zakon-o-pristupnosti). Pro obchod na WooCommerce použijte [checker přístupnosti pro WooCommerce](https://pandus.online/cs/woocommerce-pristupnost-wcag); jak se náš přístup liší od overlay aplikací, ukazuje [srovnání Pandus](https://pandus.online/cs/pandus-srovnani).

## Časté otázky

### Existuje bezplatný checker přístupnosti pro Shopify?

Ano. Nahoře zadejte adresu stránky produktu, kolekce nebo domovské stránky. Tuto jednu stránku zdarma a bez účtu otestujeme podle WCAG 2.2 A a AA a každý problém ukážeme i s opravou pro Shopify.

### Dokáže checker otestovat pokladnu Shopify?

Jen stránky, které návštěvník otevře bez přihlášení a bez placení. Samotnou pokladnu provozuje Shopify, takže problémy, které najdeme, obvykle sídlí v šabloně a v aplikacích: ve vyhledávání, ve formulářích pro newsletter a kontakt, ve výběru variant, v košíku a ve vyskakovacích oknech.

### Potřebuji ke kontrole přístupnosti aplikaci pro Shopify?

Ne. Náš checker pracuje zvenčí jako návštěvník, takže do obchodu nic neinstalujete. Pro týdenní kontroly a stránku s informacemi o přístupnosti přidáte do šablony jeden řádek kódu; aplikace Pandus v Shopify App Store zatím není.

### Udělá aplikace pro přístupnost z mého obchodu na Shopify přístupný obchod?

Aplikace, která jen přidá widget nebo panel nástrojů, nezmění kód šablony, takže bariéry zůstanou. Opravy patří do šablony, do obsahu produktů a do aplikací, které vkládají vlastní kód.

### Ukáže výsledek, že můj obchod splňuje EAA nebo ADA?

To žádný nástroj ukázat nemůže. Automatizovaná kontrola najde část problémů podle WCAG; kontroly klávesnicí, čtečkou obrazovky a kontrola obsahu člověkem jsou stále potřeba. Nejde o právní poradenství.

Q: Existuje bezplatný checker přístupnosti pro Shopify?
A: Ano. Nahoře zadejte adresu stránky produktu, kolekce nebo domovské stránky. Tuto jednu stránku zdarma a bez účtu otestujeme podle WCAG 2.2 A a AA a každý problém ukážeme i s opravou pro Shopify.

Q: Dokáže checker otestovat pokladnu Shopify?
A: Jen stránky, které návštěvník otevře bez přihlášení a bez placení. Samotnou pokladnu provozuje Shopify, takže problémy, které najdeme, obvykle sídlí v šabloně a v aplikacích: ve vyhledávání, ve formulářích pro newsletter a kontakt, ve výběru variant, v košíku a ve vyskakovacích oknech.

Q: Potřebuji ke kontrole přístupnosti aplikaci pro Shopify?
A: Ne. Náš checker pracuje zvenčí jako návštěvník, takže do obchodu nic neinstalujete. Pro týdenní kontroly a stránku s informacemi o přístupnosti přidáte do šablony jeden řádek kódu; aplikace Pandus v Shopify App Store zatím není.

Q: Udělá aplikace pro přístupnost z mého obchodu na Shopify přístupný obchod?
A: Aplikace, která jen přidá widget nebo panel nástrojů, nezmění kód šablony, takže bariéry zůstanou. Opravy patří do šablony, do obsahu produktů a do aplikací, které vkládají vlastní kód.

Q: Ukáže výsledek, že můj obchod splňuje EAA nebo ADA?
A: To žádný nástroj ukázat nemůže. Automatizovaná kontrola najde část problémů podle WCAG; kontroly klávesnicí, čtečkou obrazovky a kontrola obsahu člověkem jsou stále potřeba. Nejde o právní poradenství.