Početna › Baza znanja › Po sustavu
Pristupačnost sa Shopifyjem
Teme i aplikacije Shopifyja odlučuju o pristupačnosti. Naplatu velikim dijelom zadaje Shopify.
Česta mjesta nalaza
Boje teme s premalim kontrastom, slike proizvoda bez alternativnog teksta, aplikacije za recenzije i skočni prozori bez upravljanja tipkovnicom, mega-izbornici koji se otvaraju samo na prijelaz mišem, vrtuljci bez pauze. Jezgra Shopifyja obično nije problem — problem su tema, aplikacije i sadržaj stvoren u uređivaču obogaćenog teksta.
Provjeri i odaberi temu
Tema odlučuje o kontrastu, vidljivom fokusu, strukturi naslova te upravljanju izbornikom i filtrima tipkovnicom. Kriteriji prije odabira: prođite početnu stranicu, kolekciju i stranicu proizvoda tipkom Tab — je li fokus uvijek vidljiv? Otvara li se izbornik bez miša? Je li kontrast teksta i gumba najmanje 4,5:1? Zadane teme Online Store 2.0 (Dawn i izvedenice) solidna su polazna točka; kod plaćenih tema pomaže test tipkovnicom na demonstraciji i upit dobavljaču o izjavi o pristupačnosti.
Slike proizvoda, varijante i obogaćeni tekst
Svakoj slici proizvoda u administraciji dajte alternativni tekst koji opisuje sadržaj — ne naziv datoteke. Isto vrijedi za slike varijanti. Tekst utisnut kao grafika u oznaku ili baner (»Rasprodaja«, »Samo danas«) nevidljiv je čitačima zaslona; upotrijebite pravi tekst. U uređivaču obogaćenog teksta opisa proizvoda koristite razine naslova ispravno (nemojte samo povećati tekst) i popise kao prave popise.
Aplikacije i ugrađeni widgeti
Aplikacije za recenzije, skočne prozore, dodatnu prodaju i baner kolačića često ubacuju vlastite widgete koji zarobljavaju fokus tipkovnice, nemaju oznake ili prikazuju preklapanja bez mogućnosti zatvaranja. Testirajte svaku aplikaciju zasebno tipkovnicom; aplikacije klizača i odbrojavanja trebaju pauzu i ne smiju ništa treptati. Preklapanje za pristupačnost kao aplikacija ne rješava strukturne probleme i kritiziraju ga udruge osoba s invaliditetom. U dvojbi: uklonite aplikaciju.
Naplata: što propisuje Shopify, a što ne
Standardnu naplatu Shopifyja održava Shopify i uvelike je izgrađena pristupačno — ondje imate malo poluga. Na što utječete: proširenja naplate i vlastita polja (poruka uz poklon, provjera dobi) mogu ometati korištenje tipkovnicom ili čitačem zaslona, a put do naplate — košarica, polje koda za popust, odabir dostave — nalazi se u temi. Testirajte i te korake.
Testiranje i česta pitanja
Brzi test: početnom stranicom, kolekcijom i stranicom proizvoda upravljajte samo tipkovnicom, u pregledniku povećajte na 200 %, pokrenite proširenje poput WAVE ili axe DevTools. Besplatno skeniranje a11yglass dodatno provjerava isporučeni HTML u pogledu kontrasta, alternativnih tekstova, oznaka, jezika i strukture. Treba li moja Shopify trgovina izjavu o pristupačnosti? U pravilu da — trgovina putem koje potrošači kupuju jest elektronička trgovina u smislu BFSG-a; vidjeti stranicu o izjavi o pristupačnosti. Je li Shopifyjeva naplata već pristupačna? Uvelike odgovornost Shopifyja, ali proširenja je mogu slomiti. Koja je tema pristupačna? Ne postoji oznaka — presudna je izvedba u konkretnom slučaju.
Kako a11yglass pomaže
Besplatno skeniranje provjerava isporučeni HTML i CSS na automatski prepoznatljiva kršenja WCAG-a i za svaki nalaz navodi kriterij uspješnosti i konkretnu mjeru. Pronalazi otprilike 20–35 % problema i ne zamjenjuje potpunu procjenu.
Čitaj dalje
- Alternativni tekstovi prema WCAG 1.1.1
- Pristupačnost s TYPO3
- Pristupačnost s Webflowom
- Kontrolni popis EAA
Opća informacija prema najboljem znanju, ne pravni savjet. Za pojedinačni slučaj obrati se odvjetničkom uredu specijaliziranom za IT pravo.