Přístupnost se Shopify

Šablony a aplikace Shopify rozhodují o přístupnosti. Pokladna je z velké části daná Shopify.

Časté nálezy

Barvy šablony s příliš nízkým kontrastem, obrázky produktů bez alternativního textu, aplikace recenzí a vyskakovacích oken bez ovládání klávesnicí, mega menu, která se otevírají jen po najetí, karusely bez pauzy. Jádro Shopify obvykle není problém — je jím šablona, aplikace a obsah vytvořený v editoru formátovaného textu.

Zkontrolovat a vybrat šablonu

Šablona rozhoduje o kontrastu, viditelném fokusu, struktuře nadpisů a ovládání menu a filtrů klávesnicí. Kritéria před výběrem: projděte domovskou stránku, kolekci a stránku produktu klávesou Tab — je fokus vždy vidět? Otevře se menu bez myši? Je kontrast textu a tlačítek alespoň 4,5:1? Výchozí šablony Online Store 2.0 (Dawn a odvozené) jsou solidní výchozí bod; u placených šablon pomůže test klávesnicí na demu a dotaz na dodavatele na prohlášení o přístupnosti.

Obrázky produktů, varianty a formátovaný text

Každému obrázku produktu v administraci dejte alternativní text popisující obsah — ne název souboru. Totéž platí pro obrázky variant. Text vypálený jako grafika do štítku nebo banneru („Výprodej“, „Jen dnes“) je pro čtečky obrazovky neviditelný; použijte skutečný text. V editoru formátovaného textu popisu produktu používejte úrovně nadpisů čistě (nedělejte jen velký text) a seznamy jako skutečné seznamy.

Aplikace a vložené widgety

Aplikace recenzí, vyskakovacích oken, doprodeje a cookie banneru často vkládají vlastní widgety, které uvězní fokus klávesnice, nemají popisky nebo zobrazují překryvy bez možnosti zavření. Otestujte každou aplikaci zvlášť klávesnicí; aplikace slideru a odpočtu potřebují pauzu a nesmí nic blikat. Překryv přístupnosti jako aplikace neřeší strukturální problémy a je kritizován spolky osob se zdravotním postižením. V případě pochybností: aplikaci odstraňte.

Pokladna: co určuje Shopify a co ne

Standardní pokladnu Shopify spravuje Shopify a je z velké části postavená přístupně — tam máte málo pák. Co ovlivňujete: rozšíření pokladny a vlastní pole (dárková zpráva, ověření věku) mohou narušit ovládání klávesnicí nebo čtečkou obrazovky a cesta k pokladně — košík, pole slevového kódu, výběr dopravy — je v šabloně. Otestujte i tyto kroky.

Testování a časté dotazy

Rychlý test: ovládejte domovskou stránku, kolekci a stránku produktu jen klávesnicí, přibližte v prohlížeči na 200 %, spusťte rozšíření jako WAVE nebo axe DevTools. Bezplatná kontrola a11yglass navíc prověří doručené HTML na kontrast, alternativní texty, popisky, jazyk a strukturu. Potřebuje můj obchod na Shopify prohlášení o přístupnosti? Zpravidla ano — obchod, přes který nakupují spotřebitelé, je elektronický obchod ve smyslu BFSG; viz stránka o prohlášení o přístupnosti. Je pokladna Shopify už přístupná? Z velké části odpovědnost Shopify, ale rozšíření ji mohou rozbít. Která šablona je přístupná? Neexistuje známka — rozhodující je provedení v konkrétním případě.

Jak a11yglass pomáhá

Bezplatné skenování kontroluje doručené HTML a CSS na automaticky rozpoznatelná porušení WCAG a u každého zjištění uvádí kritérium úspěšnosti a konkrétní opatření. Najde zhruba 20–35 % problémů a nenahrazuje úplnou kontrolu.

Číst dál

Obecná informace podle nejlepšího vědomí, nikoli právní poradenství. Pro konkrétní případ se obraťte na advokátní kancelář specializovanou na IT právo.