Kontrola přístupnosti obchodu na WooCommerce
Zadejte adresu libovolné stránky svého obchodu na WooCommerce: 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 WordPressu, page buildery a pluginy. Zdarma, bez registrace, zhruba za minutu. Automatizovaná kontrola, nikoli úplný audit.
- Bez registrace
- WCAG 2.2 A a AA
- Opravy pro šablony WordPressu
Aktualizováno 14. října 2026
Co checker přístupnosti pro WooCommerce 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 se samostatnou poznámkou pro WooCommerce.
Otestujte stránky, které vaši zákazníci používají: domovskou stránku, kategorii, variabilní produkt, košík a přihlášení k účtu. Formulář pokladny potřebuje produkt v košíku, proto ho otestujte rozšířením prohlížeče. Obchod v režimu údržby nebo za přihlášením zkontrolujete naším bezplatným rozšířením prohlížeče.
Typické problémy v obchodech na WooCommerce
Ve WordPressu pochází kód ze tří míst: ze šablony, z page builderu a z pluginů. Poznámky pro WooCommerce v našich kartách pravidel říkají, kde každý problém obvykle sídlí:
| Problém | Odkud obvykle pochází | Jak ho opravit |
|---|---|---|
| Tlačítka bez názvu (kritické) | Šablony, page buildery, pluginy košíku a seznamu přání | Doplňte popisky v šablonách podřízené šablony nebo v nastavení pluginu; tlačítka pluginů nahlaste autorovi pluginu |
| Rozbalovací seznamy bez popisku (kritické) | Výběr variant, řazení, widgety pluginů | Doplňte popisky v šablonách podřízené šablony nebo použijte nastavení pluginu, které vypisuje správné popisky |
| Formulářová pole bez popisku (kritické) | Formuláře pokladny, účtu a vyhledávání; pluginy formulářů a pokladny | Doplňte popisky v šablonách podřízené šablony nebo použijte volby pluginu, které vypisují skutečné prvky <label> |
| Nízký kontrast textu (závažné) | Aktivní šablona nebo page builder | Změňte barvy v přizpůsobení (customizeru) nebo v globálních stylech, případně je přepište v CSS podřízené šablony |
| Obrázky bez alternativního textu (závažné) | Obrázky v knihovně médií, slidery, obrázky pluginů | Vyplňte pole Alternativní text v knihovně médií a ověřte, že ho šablona vypisuje |
| Odkazy, které neříkají, kam vedou (závažné) | Ikony v záhlaví, mini košík, pluginy se sociálními ikonami | Doplňte textové popisky v podřízené šabloně nebo zvolte nastavení pluginu, které vypisuje přístupné popisky |
| Skryté prvky dosažitelné klávesnicí (závažné) | Mobilní menu, slidery, pluginy vyskakovacích oken a cookie lišt | Opravte to v kódu podřízené šablony nebo to nahlaste autorovi pluginu |
| Úrovně nadpisů, které přeskakují (střední) | Widgety page builderu, nadpisy widgetů šablony, nadpisy ve výpisu produktů | Nastavte úroveň v editoru bloků nebo v builderu (je oddělená od velikosti); nadpisy šablony změňte v podřízené šabloně |
| Příliš malé dotykové cíle (střední) | Vzorníky variant, pole množství, ikony | Zvětšete velikost nebo odsazení v CSS podřízené š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
Opravujte tak, aby je aktualizace nevrátily
- Šablona: použijte podřízenou šablonu (child theme), přizpůsobení (customizer) nebo globální styly. Úpravy provedené přímo v nadřazené šabloně s příští aktualizací zmizí.
- Page builder: většina widgetů nadpisů, tlačítek a obrázků má nastavení pro úroveň, popisek a alternativní text.
- Pluginy: pokud problém sídlí ve výstupu pluginu, nahlaste ho autorovi i s nálezem z reportu, nebo hledejte nastavení, které kód změní.
- Obsah: alternativní texty v knihovně médií, texty odkazů a nadpisy v popisech produktů píšete vy.
Bezplatný plugin pro WordPress
Náš plugin pro WordPress funguje s WooCommerce. V administraci WordPressu ukáže problémy u každé stránky, příspěvku a produktu, navrhne opravy, které zkontrolujete a schválíte, v editoru kontroluje popisy obrázků a barvy a přidá stránku s informacemi o přístupnosti a formulář „Nahlásit bariéru“. Nepřidává overlay widget a šablonu sám od sebe nemění.
Co checker nedělá
Nemění váš obchod ani nepřidává overlay. Najde tu část problémů podle WCAG, kterou dokáže odhalit stroj; zda lze objednávku dokončit klávesnicí a čtečkou obrazovky, zda je alternativní text smysluplný a zda jsou chybové zprávy jasné, musí posoudit člověk. Co testovat ručně, uvádí náš WCAG 2.2 checklist.
V placeném tarifu každý týden zkontrolujeme všechny stránky obchodu a připravíme reporty pro majitele v sedmi jazycích; agentury je dostávají pod vlastní značkou. Prodáváte spotřebitelům v EU? Projděte filtr EAA o třech otázkách a zjistěte, zda se na vás evropský akt o přístupnosti vztahuje. Pro obchod na Shopify použijte checker přístupnosti pro Shopify.
Časté otázky
Existuje bezplatný checker přístupnosti pro WooCommerce?
Ano. Nahoře zadejte adresu stránky obchodu, kategorie, produktu nebo košíku. 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 WordPress.
Existuje plugin pro přístupnost WooCommerce?
Ano. Náš bezplatný plugin pro WordPress propojí web s Pandus, v administraci ukáže problémy u každé stránky, příspěvku a produktu, navrhne opravy, které schválíte, a přidá stránku s informacemi o přístupnosti. Overlay nepřidává.
Proč opravovat problémy v podřízené šabloně?
Změny provedené přímo v šabloně se při její aktualizaci ztratí. Podřízená šablona (child theme), přizpůsobení (customizer) nebo globální styly vaše opravy po aktualizacích zachovají.
Dokážete zkontrolovat pokladnu WooCommerce?
Částečně. S prázdným košíkem WooCommerce návštěvníky z pokladny obvykle vrátí do košíku, takže online skener uvidí stránku košíku. Chcete-li otestovat formulář pokladny, vložte produkt do košíku ve vlastním prohlížeči a spusťte tam naše bezplatné rozšíření prohlížeče.
Ukáže výsledek, že můj obchod splňuje EAA?
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í.