Acasă › Bază de cunoștințe › După sistem

Accesibilitate cu Shopify

Temele și aplicațiile Shopify decid accesibilitatea. Checkoutul este în mare parte impus de Shopify.

Puncte frecvente de identificare

Culori de temă cu prea puțin contrast, imagini de produs fără text alternativ, aplicații de recenzii și pop-up fără operare de la tastatură, mega-meniuri care se deschid doar la trecerea mouse-ului, carusele fără pauză. Nucleul Shopify de obicei nu este problema — tema, aplicațiile și conintutul creat în editorul de text îmbogățit sunt.

Verifică și alege tema

Tema decide contrastul, focusul vizibil, structura titlurilor și operarea de la tastatură a meniului și a filtrelor. Criterii înainte de alegere: parcurge pagina principală, o colecție și o pagină de produs cu tasta Tab — focusul este mereu vizibil? Meniul se deschide fără mouse? Contrastul textului și butoanelor este de cel puțin 4,5:1? Temele implicite Online Store 2.0 (Dawn și cele derivate) sunt un punct de plecare solid; la temele plătite ajută testul de la tastatură pe demo și cererea către furnizor a unei declarații de accesibilitate.

Imagini de produs, variante și text îmbogățit

Dă fiecărei imagini de produs din administrare un text alternativ care descrie conținutul — nu numele fișierului. Același lucru este valabil pentru imaginile de variante. Textul imprimat ca grafic într-o insignă sau un banner („Reducere”, „Doar azi”) este invizibil pentru cititoarele de ecran; folosește text real. În editorul de text îmbogățit al descrierii produsului folosește nivelurile de titlu curat (nu doar mări textul) și listele ca liste reale.

Aplicații și widgeturi încorporate

Aplicațiile de recenzii, pop-up, upsell și banner de cookie-uri injectează adesea propriile widgeturi care captează focusul tastaturii, nu au etichete sau afișează suprapuneri fără posibilitate de închidere. Testează fiecare aplicație individual cu tastatura; aplicațiile de slider și numărătoare inversă au nevoie de o pauză și nu trebuie să facă nimic să clipească. O suprapunere de accesibilitate ca aplicație nu rezolvă problemele structurale și este criticată de asociațiile persoanelor afectate. La îndoială: elimină aplicația.

Finalizarea comenzii: ce impune Shopify și ce nu

Finalizarea standard a comenzii Shopify este întreținută de Shopify și este în mare parte construită accesibil — acolo ai puține pârghii. Ce influențezi: extensiile de finalizare a comenzii și câmpurile personalizate (mesaj cadou, verificarea vârstei) pot perturba utilizarea cu tastatura sau cititorul de ecran, iar drumul până la finalizare — coș, câmpul codului de reducere, alegerea livrării — se află în temă. Testează și acești pași.

Testare și întrebări frecvente

Test rapid: operează pagina principală, o colecție și o pagină de produs doar cu tastatura, mărește la 200% în browser, rulează o extensie precum WAVE sau axe DevTools. Scanarea gratuită a11yglass verifică în plus HTML-ul livrat pentru contrast, texte alternative, etichete, limbă și structură. Are nevoie magazinul meu Shopify de o declarație de accesibilitate? De regulă da — un magazin prin care cumpără consumatorii este comerț electronic în sensul BFSG; vezi pagina despre declarația de accesibilitate. Finalizarea comenzii Shopify este deja accesibilă? În mare parte responsabilitatea Shopify, dar extensiile o pot strica. Ce temă este accesibilă? Nu există un sigiliu — decisivă este implementarea în cazul concret.

Cum ajută a11yglass

Scanarea gratuită verifică HTML-ul și CSS-ul livrat pentru încălcări WCAG identificabile automat și menționează pentru fiecare constatare criteriul de succes și o măsură concretă. Găsește aproximativ 20–35 % dintre probleme și nu înlocuiește o evaluare completă.

Citește mai departe

Informație generală după cunoștințele existente, nu consultanță juridică. Pentru cazul concret, apelează la un cabinet de avocatură specializat în dreptul IT.