Prístupnosť so Shopify

Šablóny a aplikácie Shopify rozhodujú o prístupnosti. Pokladňa je z veľkej časti daná Shopify.

Časté nálezy

Farby šablóny s príliš nízkym kontrastom, obrázky produktov bez alternatívneho textu, aplikácie recenzií a vyskakovacích okien bez ovládania klávesnicou, mega menu, ktoré sa otvárajú len po nabehnutí, karusely bez pauzy. Jadro Shopify zvyčajne nie je problém — je ním šablóna, aplikácie a obsah vytvorený v editore formátovaného textu.

Skontrolovať a vybrať šablónu

Šablóna rozhoduje o kontraste, viditeľnom fokuse, štruktúre nadpisov a ovládaní menu a filtrov klávesnicou. Kritériá pred výberom: prejdite domovskú stránku, kolekciu a stránku produktu klávesom Tab — je fokus vždy vidieť? Otvorí sa menu bez myši? Je kontrast textu a tlačidiel aspoň 4,5:1? Predvolené šablóny Online Store 2.0 (Dawn a odvodené) sú solídny východiskový bod; pri platených šablónach pomôže test klávesnicou na deme a otázka dodávateľovi na vyhlásenie o prístupnosti.

Obrázky produktov, varianty a formátovaný text

Každému obrázku produktu v administrácii dajte alternatívny text opisujúci obsah — nie názov súboru. To isté platí pre obrázky variantov. Text vypálený ako grafika do štítka alebo baneru („Výpredaj“, „Len dnes“) je pre čítačky obrazovky neviditeľný; použite skutočný text. V editore formátovaného textu opisu produktu používajte úrovne nadpisov čisto (nerobte len veľký text) a zoznamy ako skutočné zoznamy.

Aplikácie a vložené widgety

Aplikácie recenzií, vyskakovacích okien, dopredaja a cookie baneru často vkladajú vlastné widgety, ktoré uväznia fokus klávesnice, nemajú popisy alebo zobrazujú prekryvy bez možnosti zatvorenia. Otestujte každú aplikáciu zvlášť klávesnicou; aplikácie slideru a odpočtu potrebujú pauzu a nesmú nič blikať. Prekryv prístupnosti ako aplikácia nerieši štrukturálne problémy a je kritizovaný spolkami osôb so zdravotným postihnutím. V prípade pochybností: aplikáciu odstráňte.

Pokladnica: čo určuje Shopify a čo nie

Štandardnú pokladnicu Shopify spravuje Shopify a je z veľkej časti postavená prístupne — tam máte málo pák. Čo ovplyvňujete: rozšírenia pokladnice a vlastné polia (darčeková správa, overenie veku) môžu narušiť ovládanie klávesnicou alebo čítačkou obrazovky a cesta k pokladnici — košík, pole zľavového kódu, výber dopravy — je v šablóne. Otestujte aj tieto kroky.

Testovanie a časté otázky

Rýchly test: ovládajte domovskú stránku, kolekciu a stránku produktu len klávesnicou, priblížte v prehliadači na 200 %, spustite rozšírenie ako WAVE alebo axe DevTools. Bezplatná kontrola a11yglass navyše preverí doručené HTML na kontrast, alternatívne texty, popisy, jazyk a štruktúru. Potrebuje môj obchod na Shopify vyhlásenie o prístupnosti? Spravidla áno — obchod, cez ktorý nakupujú spotrebitelia, je elektronický obchod v zmysle BFSG; pozri stránku o vyhlásení o prístupnosti. Je pokladnica Shopify už prístupná? Z veľkej časti zodpovednosť Shopify, ale rozšírenia ju môžu rozbiť. Ktorá šablóna je prístupná? Neexistuje značka — rozhodujúce je prevedenie v konkrétnom prípade.

Ako a11yglass pomáha

Bezplatné skenovanie kontroluje doručené HTML a CSS na automaticky rozpoznateľné porušenia WCAG a pri každom zistení uvádza kritérium úspešnosti a konkrétne opatrenie. Nájde približne 20–35 % problémov a nenahrádza úplnú kontrolu.

Čítať ďalej

Všeobecná informácia podľa najlepšieho vedomia, nie právne poradenstvo. Pre konkrétny prípad sa obráťte na advokátsku kanceláriu špecializovanú na IT právo.