Salt la conținut
Pandus

Cerință WCAG A/AA Prioritate: Grav

Atributele de accesibilitate sunt scrise greșit

Unele atribute încep cu "aria-", dar nu sunt atribute ARIA reale, de obicei din cauza unei greșeli de scriere.

Acest text a fost tradus automat și nu a fost încă verificat de un vorbitor nativ.

De ce contează pentru clienții tăi

Atributul este ignorat, așa că o etichetă sau o stare destinată utilizatorilor de cititoare de ecran nu ajunge niciodată la aceștia. De exemplu, un buton care ar trebui să se numească "Închide" poate rămâne fără niciun nume.

Pe cine afectează

  • utilizatorii de cititoare de ecran
  • clienții nevăzători

Cum se remediază

Verificați ortografia în lista WAI-ARIA, de exemplu aria-labelledby (nu aria-labeledby). Eliminați atributele aria-* inventate; pentru date personalizate folosiți data-*.

În Shopify

De obicei, o greșeală de scriere în codul temei sau al unei aplicații. Căutați atributul în fișierele Liquid și JavaScript ale temei și corectați-l.

În Shoptet (CZ)

De obicei, în codul șablonului sau în cod personalizat adăugat de dvs. Corectați propriul cod; raportați problemele șablonului echipei Shoptet sau unui partener Shoptet.

În PrestaShop

De obicei, o greșeală de scriere în șabloanele temei sau ale modulelor. Corectați în fișierele .tpl sau JavaScript.

În WooCommerce

De obicei, o greșeală de scriere în temă, într-un page builder sau într-un plugin. Corectați în codul temei copil sau raportați problema autorului pluginului.

Standarde

Standarde
StandardPunct
WCAG 2.2 4.1.2 (A) Name, Role, Value
WCAG 2.1 4.1.2 (A) Name, Role, Value
WCAG 2.0 4.1.2 (A) Name, Role, Value
EN 301 549 4.1.1 9.4.1.2
EN 301 549 3.2.1 9.4.1.2
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.4.1.2

Verificare automată: regula axe-core aria-valid-attr. dequeuniversity.com, github.com, www.w3.org

Toate regulile pe care le verificăm