Kontrola přístupnosti obchodu na Shopify
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
Aktualizováno 14. října 2026
Co checker přístupnosti pro Shopify testuje
Kontrola otevře vaši stránku v prohlížeči Chromium, spustí 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 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, 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 |
Tlačítko košíku nemá název
Co to znamená pro vaše návštěvníky
Zákazník se čtečkou obrazovky slyší jen „tlačítko“ a nepozná, že vkládá zboží do košíku.
Jak to opravit v Shopify
V šabloně produktu dejte tlačítku s ikonou text „Přidat do košíku“, viditelný nebo jako aria-label.
Prvek: .product-form > button.cart-icon
Pravidlo: button-name · WCAG 4.1.2 Name, Role, Value (A) · EN 301 549 9.4.1.2
Š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.
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í.
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. Pro obchod na WooCommerce použijte checker přístupnosti pro WooCommerce; jak se náš přístup liší od overlay aplikací, ukazuje srovnání Pandus.
Č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í.