Verificarea accesibilității magazinelor Shopify
Introduceți adresa oricărei pagini din magazinul dvs. Shopify: o testăm după WCAG 2.2 A și AA într-un browser real și explicăm fiecare problemă, cu remedierea pentru temele și aplicațiile Shopify. Gratuit, fără cont, în aproximativ un minut. Verificare automată, nu un audit complet.
- Fără cont
- WCAG 2.2 A și AA
- Remedieri pentru teme Shopify
Actualizat 14 octombrie 2026
Ce testează verificarea accesibilității Shopify
Scanarea deschide pagina dvs. în Chromium, rulează axe-core — motorul open-source de reguli folosit și de Lighthouse — și leagă fiecare constatare de un criteriu de succes WCAG 2.2 și de EN 301 549, standardul european din spatele EAA. Fiecare constatare este explicată de o fișă din biblioteca noastră de reguli, iar fiecare fișă are o notă separată pentru Shopify.
Puteți testa orice pagină publică: prima pagină, o colecție, o pagină de produs cu variante, coșul, un articol de blog sau o pagină de politici. Paginile protejate cu parolă (de exemplu un magazin care nu a fost încă lansat) pot fi verificate cu extensia de browser gratuită, care rulează în propriul browser.
Probleme tipice în temele Shopify
Acestea provin din notele pentru Shopify ale fișelor noastre de reguli, care descriu unde se află de obicei problema și cum se remediază:
| Problemă | De unde provine de obicei în Shopify | Cum se remediază |
|---|---|---|
| Butoane fără nume (critic) | Butoanele-pictogramă din temă: meniu, căutare, cantitate, închidere; butoane inserate de aplicații | Adăugați o etichetă în fragmentele Liquid ale temei; cereți dezvoltatorilor aplicațiilor să remedieze butoanele adăugate de acestea |
| Liste derulante fără etichetă (critic) | Selectoarele de variante, sortare, monedă și limbă | Adăugați etichete în fragmentele Liquid ale temei |
| Câmpuri de formular fără etichetă (critic) | Câmpurile de căutare, newsletter, contact și cantitate, formulare adăugate de aplicații | Adăugați etichete în șabloanele Liquid sau în setările aplicației |
| Contrast slab al textului (grav) | Schema de culori a temei | Schimbați întâi culorile în setările de culoare ale editorului de teme, apoi în CSS-ul temei, dacă sunt scrise direct în cod |
| Imagini fără text alternativ (grav) | Fișierele media ale produselor și imaginile din secțiunile temei | Completați textul alternativ în administrarea Shopify; dacă nu este afișat, eticheta imaginii din șablonul Liquid nu are atributul alt |
| Linkuri care nu spun unde duc (grav) | Linkurile-pictogramă din antet și subsol | Adăugați text ascuns vizual sau un aria-label în secțiunile și fragmentele temei |
| Elemente ascunse accesibile de la tastatură (grav) | Meniuri laterale, sertare, ferestre pop-up, carusele | Corectați logica de ascundere în JavaScript-ul sau în Liquid-ul temei; raportați widget-urile aplicațiilor dezvoltatorului lor |
| Niveluri de titlu care sar o treaptă (moderat) | Niveluri scrise direct în secțiuni, cum ar fi fișele de produs sau titlurile din subsol | Schimbați etichetele în fișierele Liquid; setarea de mărime a titlului schimbă de obicei doar aspectul |
| Ținte prea mici pentru atingere (moderat) | Mostrele de variante, butoanele de cantitate, pictogramele | Măriți dimensiunea sau spațierea în CSS-ul temei |
Butonul de coș nu are nume
Ce înseamnă pentru vizitatorii dumneavoastră
Un client care folosește un cititor de ecran aude doar „buton” și nu știe că acesta adaugă produsul în coș.
Cum se rezolvă în Shopify
În șablonul produsului, dați butonului cu pictogramă textul „Adaugă în coș”, vizibil sau ca aria-label.
Element: .product-form > button.cart-icon
Regulă: button-name · WCAG 4.1.2 Name, Role, Value (A) · EN 301 549 9.4.1.2
Temă, aplicații sau conținut: cine remediază ce
- Tema determină cea mai mare parte a codului: titluri, butoane, meniuri, formulare și culori. O actualizare a temei poate remedia probleme — sau le poate readuce, de aceea contează o reverificare săptămânală.
- Aplicațiile inserează propriul cod: recenzii, liste de dorințe, ferestre pop-up, chat și bannere de cookie-uri. Dacă o problemă se află în widget-ul unei aplicații, raportați-o dezvoltatorului aplicației cu constatarea din raport.
- Conținutul este al dvs.: textul alternativ al imaginilor de produs, textele linkurilor, titlurile din descrierile produselor și din pagini.
- Checkout-ul este administrat de Shopify. Comercianții nu pot schimba cea mai mare parte a codului său, așa că scanarea magazinului se concentrează pe temă și pe aplicații.
Ce nu face verificarea
Nu vă modifică magazinul, nu instalează o aplicație și nu adaugă un widget overlay. Găsește partea din problemele WCAG pe care o poate detecta o mașină; dacă textul alternativ are sens, dacă procesul de comandă funcționează cu tastatura și cu un cititor de ecran și dacă mesajele de eroare sunt clare trebuie să judece o persoană. Checklist-ul nostru WCAG 2.2 enumeră ce trebuie testat manual.
De la o pagină la întregul magazin
Cu un plan plătit verificăm fiecare pagină a magazinului în fiecare săptămână, arătăm ce este nou de la ultima verificare și scriem un raport pentru proprietar în engleză, ucraineană, germană, poloneză, cehă, română sau rusă. Agențiile primesc aceleași rapoarte sub propria marcă. O linie de cod în theme.liquid adaugă o pagină cu informații despre accesibilitate și un formular „Raportați o barieră”: vedeți codul de inserare.
Vindeți către consumatori din UE? Actul european privind accesibilitatea (EAA) se poate aplica magazinului dvs., cu excepția cazului în care este o microîntreprindere. Treceți mai întâi prin filtrul EAA în trei întrebări. Pentru un magazin WooCommerce folosiți verificarea accesibilității WooCommerce; pentru a vedea cum se compară abordarea noastră cu aplicațiile overlay, citiți Pandus comparat.
Întrebări frecvente
Există o verificare gratuită a accesibilității pentru Shopify?
Da. Introduceți mai sus adresa unei pagini de produs, de colecție sau a primei pagini. Testăm gratuit acea pagină după WCAG 2.2 A și AA, fără cont, și vă arătăm fiecare problemă cu remedierea pentru Shopify.
Poate un instrument de verificare să testeze checkout-ul Shopify?
Doar paginile pe care un vizitator le poate deschide fără autentificare sau plată. Checkout-ul este administrat de Shopify, așa că problemele pe care le găsim se află de obicei în temă și în aplicații: formularele de căutare, newsletter și contact, selectoarele de variante, coșul și ferestrele pop-up.
Am nevoie de o aplicație Shopify pentru a verifica accesibilitatea?
Nu. Verificarea noastră funcționează din exterior, ca un vizitator, așa că nu se instalează nimic în magazin. Pentru verificări săptămânale și o pagină cu informații despre accesibilitate adăugați o linie de cod în temă; încă nu există o aplicație Pandus în Shopify App Store.
Face o aplicație de accesibilitate Shopify magazinul meu accesibil?
O aplicație care doar adaugă un widget sau o bară de instrumente nu schimbă codul temei, așa că barierele rămân. Remedierile se fac în temă, în conținutul produselor și în aplicațiile care inserează cod.
Arată rezultatul că magazinul meu îndeplinește EAA sau ADA?
Niciun instrument nu poate arăta asta. O verificare automată găsește o parte din problemele WCAG; verificările cu tastatura, cu cititorul de ecran și ale conținutului făcute de o persoană rămân necesare. Nu constituie consultanță juridică.