Verificarea accesibilității magazinelor WooCommerce
Introduceți adresa oricărei pagini din magazinul dvs. WooCommerce: o testăm după WCAG 2.2 A și AA într-un browser real și explicăm fiecare problemă, cu remedierea pentru temele WordPress, page buildere și pluginuri. 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 WordPress
Actualizat 14 octombrie 2026
Ce testează verificarea accesibilității WooCommerce
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, cu o notă separată pentru WooCommerce.
Testați paginile pe care le folosesc clienții: prima pagină, o categorie, un produs variabil, coșul și autentificarea în cont. Formularul de checkout are nevoie de un produs în coș, așa că testați-l cu extensia de browser. Un magazin în modul de mentenanță sau protejat prin autentificare poate fi verificat cu extensia de browser gratuită.
Probleme tipice în magazinele WooCommerce
În WordPress, codul vine din trei locuri: tema, page builder-ul și pluginurile. Notele pentru WooCommerce ale fișelor noastre de reguli spun unde se află de obicei fiecare problemă:
| Problemă | De unde provine de obicei | Cum se remediază |
|---|---|---|
| Butoane fără nume (critic) | Teme, page buildere, pluginuri de coș și de liste de dorințe | Adăugați etichete în șabloanele temei-copil sau în setările pluginului; raportați butoanele pluginurilor autorului acestora |
| Liste derulante fără etichetă (critic) | Selectoarele de variații, listele de sortare, widget-urile pluginurilor | Adăugați etichete în șabloanele temei-copil sau folosiți setări ale pluginului care afișează etichete corecte |
| Câmpuri de formular fără etichetă (critic) | Formularele de checkout, cont și căutare; pluginuri de formulare și de checkout | Adăugați etichete în șabloanele temei-copil sau folosiți opțiuni ale pluginului care afișează elemente <label> reale |
| Contrast slab al textului (grav) | Tema activă sau page builder-ul | Schimbați culorile în personalizator sau în stilurile globale ori suprascrieți-le în CSS-ul temei-copil |
| Imagini fără text alternativ (grav) | Imaginile din Biblioteca media, sliderele, imaginile din pluginuri | Completați câmpul Text alternativ în Biblioteca media și verificați că tema îl afișează |
| Linkuri care nu spun unde duc (grav) | Pictogramele din antet, mini-coșul, pluginurile cu pictograme sociale | Adăugați etichete text în tema-copil sau alegeți setări ale pluginului care afișează etichete accesibile |
| Elemente ascunse accesibile de la tastatură (grav) | Meniuri mobile, slidere, pluginuri de pop-up și de cookie-uri | Corectați în codul temei-copil sau raportați autorului pluginului |
| Niveluri de titlu care sar o treaptă (moderat) | Widget-urile page builder-ului, titlurile widget-urilor temei, titlurile din lista de produse | Setați nivelul în editorul de blocuri sau în builder (este separat de mărime); schimbați titlurile temei într-o temă-copil |
| Ținte prea mici pentru atingere (moderat) | Mostrele de variații, câmpurile de cantitate, pictogramele | Măriți dimensiunea sau spațierea în CSS-ul temei-copil |
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
Remediați astfel încât actualizările să nu le anuleze
- Tema: folosiți o temă-copil, personalizatorul sau stilurile globale. Modificările făcute direct în tema-părinte dispar la următoarea actualizare.
- Page builder: majoritatea widget-urilor de titlu, buton și imagine au setări pentru nivel, etichetă și textul alternativ.
- Pluginuri: dacă o problemă se află în codul generat de un plugin, raportați-o autorului cu constatarea din raport sau căutați o setare care schimbă codul.
- Conținut: textul alternativ din Biblioteca media, textele linkurilor și titlurile din descrierile produselor le scrieți dvs.
Pluginul WordPress gratuit
Pluginul nostru WordPress funcționează cu WooCommerce. Arată problemele lângă fiecare pagină, articol și produs în panoul de administrare WordPress, propune remedieri pe care le revizuiți și le aprobați, verifică descrierile imaginilor și culorile în editor și adaugă o pagină cu informații despre accesibilitate și un formular „Raportați o barieră”. Nu adaugă un widget overlay și nu modifică tema de unul singur.
Ce nu face verificarea
Nu vă modifică magazinul și nu adaugă un overlay. Găsește partea din problemele WCAG pe care o poate detecta o mașină; dacă o comandă poate fi plasată cu tastatura și cu un cititor de ecran, dacă textul alternativ are sens și dacă mesajele de eroare sunt clare trebuie să judece o persoană. Checklist-ul nostru WCAG 2.2 enumeră ce trebuie testat manual.
Cu un plan plătit verificăm fiecare pagină a magazinului în fiecare săptămână și scriem rapoarte pentru proprietar în șapte limbi; agențiile le primesc sub propria marcă. Vindeți către consumatori din UE? Treceți prin filtrul EAA în trei întrebări pentru a vedea dacă vi se aplică Actul european privind accesibilitatea. Pentru un magazin Shopify folosiți verificarea accesibilității Shopify.
Întrebări frecvente
Există o verificare gratuită a accesibilității pentru WooCommerce?
Da. Introduceți mai sus adresa paginii magazinului, a unei categorii, a unui produs sau a coșului. 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 WordPress.
Există un plugin de accesibilitate pentru WooCommerce?
Da. Pluginul nostru gratuit pentru WordPress conectează site-ul la Pandus și arată problemele lângă fiecare pagină, articol și produs în panoul de administrare, propune remedieri pe care le aprobați și adaugă o pagină cu informații despre accesibilitate. Nu adaugă un overlay.
De ce să remediez problemele într-o temă-copil?
Modificările făcute direct într-o temă se pierd la actualizarea temei. O temă-copil, personalizatorul sau stilurile globale vă păstrează remedierile după actualizări.
Puteți verifica checkout-ul WooCommerce?
Parțial. Cu coșul gol, WooCommerce trimite de obicei vizitatorii de la checkout înapoi la coș, așa că scanerul online vede pagina coșului. Pentru a testa formularul de checkout, adăugați un produs în coș în propriul browser și rulați acolo extensia noastră de browser gratuită.
Arată rezultatul că magazinul meu îndeplinește EAA?
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ă.