Udělej svůj obchod na Shopify opravdu přístupný. EAA a WCAG, bez overlaye

Pravda: Shopify není automaticky přístupný

Výchozí téma Shopify Online Store 2.0 jako Dawn nebo Sense boduje lépe než mnoho e-shopů, ale samo o sobě WCAG 2.2 AA splňuje jen zřídka. Jakmile nainstaluješ aplikace, upravíš téma nebo přidáš produkty bez alt textu, vznikají bariéry, které tvoji zákazníci, a European Accessibility Act, nepřijmou.

Co se na Shopify často kazí

• AJAXový panel košíku zachytává fokus klávesniceKdyž zákazník něco přidá, panel košíku se vysune do obrazu. V mnoha tématech Shopify v něm fokus zůstane uvězněný (focus trap), takže uživatelé klávesnice a čtečky obrazovky už nedosáhnou na tlačítko k pokladně.
• Prediktivní vyhledávání bez aria stavuAJAXovým návrhům vyhledávání často chybí aria-expanded a live region, takže čtečka obrazovky neohlásí, že se objevují výsledky.
• Barevné vzorky a filtry bez stavuVzorkům variant a filtrům kolekcí pravidelně chybí aria-checked nebo aria-expanded, uživatel (i stroj) nepozná, který filtr nebo barva je aktivní.
• Obrázky v Liquid bez alt textuAutomaticky generované tagy img v Liquid často předávají alt text ze správy Shopify prázdný nebo kryptický, nečitelný pro čtečky obrazovky i pro Google.

Jak vypadá skutečná oprava

Vezmi si tlačítko s ikonou košíku ve svém tématu Liquid. Bez přístupného názvu uživatel čtečky obrazovky slyší jen „tlačítko“. Oprava je jediný atribut, žádná přestavba:

<button class="cart-toggle">
  {% render 'icon-cart' %}
</button>

<button class="cart-toggle" aria-label="{{ 'general.cart.title' | t }}">
  {% render 'icon-cart' %}
</button>

Co dostaneš

U reportovacího nástroje platíš licenci i své vývojáře, aby chyby opravili. U Seviranta je oprava součástí, žádný dvojí účet.

Ochraň svou konverzi i svůj právní status

Aplikace, která na tvůj web na Shopify nalepí ikonu přístupnosti, je riziko pro tvůj byznys. Fakta v kostce:

Můj motiv pochází z Theme Store. Není tedy už schválený?

Theme Store vyžaduje průměrné skóre přístupnosti Lighthouse 90 a seznam základních požadavků: klávesnice, viditelný fokus, alternativní texty, kontrast, popisky. To je dobrý základ, ale Lighthouse testuje jen část WCAG a k tomu přibývají vaše barvy, obsah, aplikace a úpravy. Dozorový orgán testuje živý obchod.

Prodávám také do Německa nebo Francie. Co tam platí pro můj obchod na Shopify?

Německo: BFSG platí od 28. června 2025 pro B2C e-shopy, s výjimkou pro mikropodniky (méně než deset osob a nejvýše 2 miliony eur obratu nebo bilanční sumy); dozor vykonává Marktüberwachungsstelle der Länder (MLBF). Francie: od 28. června 2025 spadá e-commerce pod transpozici EAA v Code de la consommation, se stejnou výjimkou pro mikropodniky, pod dozorem DGCCRF; měřítkem je RGAA (WCAG 2.1 AA). V obou zemích se počítá zveřejněný obchod, ne skutečnost, že používáte Shopify.

Umí Seviranta skenovat a opravit checkout Shopify?

Skenovat ano: testujeme zveřejněné stránky včetně košíku a checkoutu. Opravit: co je ve vašem motivu a aplikacích, dodáme jako opravu ve vašem vlastním kódu. Co je uvnitř samotného checkoutu Shopify, ovlivníte pouze přes nastavení brandingu. Naše zpráva tento rozdíl jasně uvádí, aby vaše dokumentace byla přesná.

Stačí widget přístupnosti pro Shopify na EAA?

Ne. Widget položí na tvůj web vrstvičku, ale neopraví podkladový kód a neplatí jako strukturální soulad.

Spadá můj checkout na Shopify pod EAA?

Ano. Checkout a navigace jsou výslovně součástí povinnosti podle WCAG 2.1 AA.

Skenuje Seviranta i mé aplikace na Shopify?

Ano. Testujeme konečné vygenerované HTML, téma plus aplikace, tak, jak to dělá regulátor.

Zpomalí mi to web na Shopify?

Ne. Skenujeme externě z našich serverů v EU; na tvůj web nepřijde žádný skript. 0% dopad na rychlost načítání a Core Web Vitals.