Cerință WCAG A/AA Prioritate: Moderat
Elemente de meniu sau file personalizate în afara grupului lor
Unele elemente personalizate, cum ar fi elemente de meniu, file sau opțiuni, nu se află în interiorul grupului din care fac parte.
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 să nu afle că elementele aparțin aceluiași grup sau câte sunt, așa că meniurile, filele și listele de opțiuni sunt mai greu de înțeles.
Pe cine afectează
- utilizatorii de cititoare de ecran
- clienții nevăzători
Cum se remediază
Plasați fiecare element în containerul cu rolul cerut, de exemplu role="tab" în role="tablist", role="option" în role="listbox", role="menuitem" în role="menu" sau "menubar". Verificați elementele de împachetare fără rol aflate între ele sau eliminați rolurile care nu sunt necesare.
În Shopify
De obicei, meniuri, file sau widgeturi de aplicații din temă. Corectați structura în secțiunile Liquid sau î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, meniurile temei sau șabloanele modulelor. Corectați în șabloanele .tpl sau în JavaScript.
În WooCommerce
De obicei, meniurile temei, filele din page builder sau pluginuri. Corectați în codul temei copil sau raportați problema autorului pluginului.
Standarde
| Standard | Punct |
|---|---|
| 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-parent.
dequeuniversity.com, github.com, www.w3.org
Verificări similare
-
O imagine pe care se poate da clic funcționează doar cu mouse-ul
WCAG 2.1.1 A
-
Unii indicatori de nivel nu au nume
WCAG 1.1.1 A
-
Pagina folosește markup învechit pentru text care clipește
WCAG 2.2.2 A
-
Titlul unui tabel este scris într-o celulă a tabelului
WCAG 1.3.1 A