WCAG 2.2: ce s-a schimbat pentru magazinele online
· Lectură de 6 min
WCAG 2.2 a adăugat nouă criterii de succes noi, iar șase dintre ele țin de nivelurile A și AA, adică de ce li se cere de obicei magazinelor online. Esențialul pentru magazine: butoanele și linkurile trebuie să fie suficient de mari (cel puțin 24×24 pixeli CSS sau cu spațiere suficientă), focusul nu poate fi ascuns sub bare fixe, în coș și la finalizarea comenzii nu poți obliga clientul să introducă aceleași date de două ori, iar autentificarea în cont nu trebuie să ceară rezolvarea de puzzle-uri. Mai jos, fiecare schimbare cu exemple din e-commerce.
WCAG 2.2 și EN 301 549: ce este obligatoriu acum
În UE, accesibilitatea site-urilor în temeiul EAA se măsoară după standardul european EN 301 549. Situația în octombrie 2026:
- EN 301 549 V3.2.1 se bazează pe WCAG 2.1 AA și rămâne deocamdată versiunea armonizată.
- EN 301 549 V4.1.1 se bazează pe WCAG 2.2 AA. A fost publicat în septembrie 2026, iar trimiterea în Jurnalul Oficial al UE este așteptată la sfârșitul anului 2026.
WCAG 2.2 este compatibil cu 2.1: un site care îndeplinește 2.2 AA îndeplinește automat și 2.1 AA (cu excepția criteriului învechit 4.1.1, despre care vorbim mai jos). De aceea verificăm după WCAG 2.2 AA: magazinul se pregătește pentru noua versiune a standardului și nu pierde nimic după cea veche. Mai multe despre lege găsiți în ghidul EAA.
Ce s-a schimbat în WCAG 2.2 pentru magazinele online: criteriile noi A și AA
2.4.11 Focus neascuns (minim), AA
Când utilizatorul navighează pe pagină cu tasta Tab, elementul cu focus nu poate fi ascuns complet sub alt conținut. Problema tipică în magazine este un antet fix, un banner de cookie-uri sau un buton „Chat cu suportul” sub care dispare linkul sau câmpul activ.
Ce să faceți: verificați pagina doar cu tastatura; adăugați scroll-padding-top, ca elementul activ să nu ajungă sub antetul fix; bannerul de cookie-uri nu trebuie să acopere conținutul după închidere.
2.5.7 Mișcări de tragere, AA
Dacă ceva se poate face doar prin tragere (glisorul de preț din filtru, sortarea, un glisor „înainte / după”), trebuie să existe o cale de a face același lucru cu o singură atingere sau un singur clic.
Ce să faceți: la glisorul intervalului de preț adăugați câmpurile „de la” și „până la”; la carusel, butoanele „înapoi” și „înainte”.
2.5.8 Dimensiunea țintei (minimă), AA
Zonele de atingere trebuie să aibă cel puțin 24×24 pixeli CSS sau suficient spațiu liber în jur, astfel încât un cerc cu diametrul de 24 de pixeli să nu se suprapună cu ținta vecină. Există excepții, de exemplu linkurile din interiorul textului.
În magazine, cel mai des este vorba de: butoane mici „+” și „−” lângă cantitate, pictograme „șterge din coș”, punctele sliderului, cerculețele de alegere a culorii.
Ce să faceți: măriți zona de atingere cu padding sau min-width/min-height, chiar dacă pictograma rămâne mică.
3.2.6 Ajutor consecvent, A
Dacă pe mai multe pagini există o modalitate de a obține ajutor (telefon, e-mail, chat, pagina de întrebări frecvente), aceasta trebuie să fie în același loc relativ. De exemplu, linkul „Ajutor” este mereu în antet sau mereu în subsol.
Ce să faceți: nu mutați datele de contact și chatul între șabloanele de pagină; verificați mai ales paginile de finalizare a comenzii, care au adesea un șablon separat.
3.3.7 Introducere redundantă, A
Informațiile pe care utilizatorul le-a introdus deja în același proces trebuie completate automat sau oferite spre selectare. Exemplul clasic: adresa de livrare și adresa de facturare.
Ce să faceți: adăugați caseta „Adresa de facturare este aceeași cu adresa de livrare”; nu cereți din nou adresa de e-mail introdusă deja la pasul anterior.
3.3.8 Autentificare accesibilă (minimă), AA
Autentificarea nu poate cere un test cognitiv: memorarea, transcrierea sau rezolvarea a ceva, dacă nu există o alternativă. Lipirea parolei dintr-un manager de parole trebuie să funcționeze, la fel ca autentificarea printr-un link pe e-mail sau cu o cheie de acces (passkey).
Ce să faceți: nu blocați lipirea în câmpul de parolă și de cod; verificați cum funcționează CAPTCHA dvs. și dacă are o alternativă accesibilă.
Criteriile noi de nivel AAA, pe scurt
- 2.4.12 Focus neascuns (îmbunătățit): focusul nu este ascuns nici parțial.
- 2.4.13 Aspectul focusului: cerințe privind dimensiunea și contrastul indicatorului de focus.
- 3.3.9 Autentificare accesibilă (îmbunătățită): o variantă mai strictă a 3.3.8.
Nivelul AAA nu se cere de obicei pentru întregul site, dar 2.4.13 este un reper util pentru designul unui focus vizibil.
4.1.1 „Parsare” a devenit învechit
În WCAG 2.2, criteriul 4.1.1 (Parsing) a fost declarat învechit și eliminat: browserele moderne și tehnologiile asistive tratează singure erorile de marcaj. Pentru un magazin, asta înseamnă că atributele id duplicate nu mai sunt o cerință separată, dar pot strica în continuare etichetele câmpurilor și legăturile ARIA. De aceea merită să reparați în continuare aceste probleme.
Ce găsește din toate acestea o verificare automată
| Criteriu | Automat | Necesită verificare manuală |
|---|---|---|
| 2.4.11 Focus neascuns | nu | da, parcurgere cu tastatura |
| 2.5.7 Mișcări de tragere | nu | da |
| 2.5.8 Dimensiunea țintei | parțial | da, pentru cazurile complexe |
| 3.2.6 Ajutor consecvent | nu | da |
| 3.3.7 Introducere redundantă | nu | da, în coș și la comandă |
| 3.3.8 Autentificare accesibilă | nu | da |
Așadar, majoritatea cerințelor noi din WCAG 2.2 privesc comportamentul interfeței, pe care automatizarea nu îl vede. O verificare automată nu este un audit complet și nu este consultanță juridică: prinde bine contrastul, textele alternative, etichetele câmpurilor și butoanele goale, iar criteriile noi trebuie completate cu o parcurgere manuală. O listă practică pentru autoverificare găsiți în checklistul WCAG 2.2.
Plan pentru magazin pe un sprint
- Parcurgeți drumul „pagina principală → produs → coș → plată” doar cu tastatura. Căutați focusul ascuns (2.4.11).
- Găsiți toate butoanele-pictogramă mici și măriți-le zonele de atingere (2.5.8).
- Adăugați o alternativă pentru glisoare și caruseluri (2.5.7).
- Verificați ca adresa și e-mailul să nu fie introduse de două ori (3.3.7).
- Fixați locul linkului de ajutor în toate șabloanele (3.2.6).
- Verificați autentificarea: lipirea parolei, CAPTCHA, autentificarea prin link (3.3.8).
- Rulați o verificare automată pentru a elimina erorile tipice: vedeți cele mai frecvente 10 erori în Shopify și WooCommerce.
Dacă magazinul dvs. intră deloc sub incidența EAA vă ajută să aflați filtrul cu trei întrebări.
Răspunsuri la întrebări frecvente
Câte criterii noi are WCAG 2.2? Nouă: șase de nivel A și AA și trei de nivel AAA. Criteriul 4.1.1 a fost declarat învechit.
Este WCAG 2.2 deja obligatoriu? Armonizat este deocamdată EN 301 549 V3.2.1 (WCAG 2.1); V4.1.1 (WCAG 2.2) a fost publicat în septembrie 2026, iar trimiterea în Jurnalul Oficial al UE este așteptată la sfârșitul anului 2026.
Găsește automatizarea tot ce e nou? Nu, majoritatea criteriilor noi se verifică manual.
Verificați gratuit o pagină a magazinului dvs. și vedeți de unde să începeți.