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:

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.