Salt la conținut
Pandus
ro Schimbați limba
Meniu

Cerință WCAG A/AA Prioritate: Critic

Butoanele personalizate nu au nume

Unele elemente care funcționează ca butoane, linkuri sau elemente de meniu sunt construite personalizat și nu au un nume care poate fi citit.

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

De ce contează pentru clienții tăi

Utilizatorii de cititoare de ecran și de control vocal nu își pot da seama ce face elementul, așa că pot rata meniul, filtrul sau acțiunea de adăugare în coș.

Pe cine afectează

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

Cum se remediază

Dați un nume fiecărui element cu role="button", "link" sau "menuitem": text vizibil, aria-label sau aria-labelledby. Mai bine: folosiți un <button> sau <a href> nativ, care oferă și suport pentru tastatură.

În Shopify

De obicei, controale cu pictograme din temă sau din aplicații. Adăugați nume în snippet-urile Liquid ale temei; raportați controalele aplicațiilor dezvoltatorului acestora.

În Shoptet (CZ)

De obicei, controale din șablon sau din add-on-uri. Raportați problema echipei Shoptet sau unui partener Shoptet.

În PrestaShop

De obicei, controale din temă sau din module. Adăugați nume în șabloanele .tpl sau în șabloanele de modul suprascrise.

În WooCommerce

De obicei, controale din page builder sau din pluginuri. Adăugați nume în codul temei copil sau în setările pluginului ori 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-command-name. dequeuniversity.com, github.com, www.w3.org

Verificări similare

Toate regulile pe care le verificăm