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

Cerință WCAG A/AA Prioritate: Grav

Meniurile sau listele personalizate sunt construite greșit

Unele componente personalizate, cum ar fi meniuri, liste de file (tab-uri) sau liste de opțiuni, nu conțin elementele de care au nevoie.

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 pot auzi un meniu sau o listă goală ori pot să nu poată trece prin file și opțiuni, așa că navigarea și filtrele devin greu de folosit.

Pe cine afectează

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

Cum se remediază

Dați fiecărui container ARIA rolurile-copil pe care le cere, de exemplu role="menuitem" în role="menu", role="tab" în role="tablist", role="option" în role="listbox". Dacă componenta nu este un meniu propriu-zis, eliminați rolul.

În Shopify

De obicei, meniuri, file sau widgeturi de aplicații din temă care folosesc roluri ARIA. Corectați rolurile în secțiunile Liquid și în JavaScript-ul temei; raportați widgeturile aplicațiilor dezvoltatorului.

În Shoptet (CZ)

De obicei, meniuri sau file din șablon. Raportați problema echipei Shoptet sau unui partener Shoptet.

În PrestaShop

De obicei, meniuri, file sau module de căutare fațetată. Corectați în șabloanele și JavaScript-ul temei sau al modulului.

În WooCommerce

De obicei, meniuri, file sau slidere din temă, din page buildere sau din pluginuri. Corectați în codul temei copil sau raportați problema autorului pluginului.

Standarde

Standarde
StandardPunct
WCAG 2.2 1.3.1 (A) Info and Relationships
WCAG 2.1 1.3.1 (A) Info and Relationships
WCAG 2.0 1.3.1 (A) Info and Relationships
EN 301 549 4.1.1 9.1.3.1
EN 301 549 3.2.1 9.1.3.1
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.1.3.1

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

Verificări similare

Toate regulile pe care le verificăm