Cerință WCAG A/AA Prioritate: Grav
Unele elemente folosesc un rol care nu există
Unele elemente au un atribut role cu o valoare scrisă greșit, inventată sau abstractă, așa că tehnologiile asistive nu pot spune ce sunt.
Acest text a fost tradus automat și nu a fost încă verificat de un vorbitor nativ.
De ce contează pentru clienții tăi
Cititoarele de ecran pot anunța un meniu, o filă, o fereastră pop-up sau un buton ca text simplu ori le pot sări. Clienții care se bazează pe ele pot rata navigarea, filtrele sau comenzile de la finalizarea comenzii.
Pe cine afectează
- clienții nevăzători
- utilizatorii de cititoare de ecran
- utilizatorii de control vocal
Cum se remediază
Folosiți doar roluri ARIA valide din specificația WAI-ARIA, scrise corect și cu litere mici, de exemplu role="button", role="navigation" sau role="dialog". Nu folosiți roluri abstracte precum "widget", "landmark" sau "input". Și mai bine, folosiți elementul HTML nativ (<button>, <nav>, <dialog>) și eliminați atributul role.
În Shopify
De obicei, în codul personalizat al temei sau în widgeturi ale aplicațiilor, precum meniuri, slidere și pop-up-uri. Corectați rolul în secțiunile sau snippet-urile Liquid ale temei; cereți dezvoltatorilor de aplicații să corecteze rolurile adăugate de acestea.
În Shoptet (CZ)
Rar în șabloanele standard; mai probabil în cod personalizat sau scripturi adăugate. Cereți echipei Shoptet sau unui partener Shoptet să verifice șablonul și codul personalizat.
În PrestaShop
De obicei, în șabloanele temei sau în module precum meniurile și sliderele. Corectați rolul în fișierele .tpl ale temei sau în șabloanele de modul suprascrise.
În WooCommerce
De obicei, în teme, page buildere sau pluginuri de slidere și pop-up-uri. Corectați rolul în șabloanele temei copil; raportați markup-ul din pluginuri autorului pluginului.
Standarde
| Standard | Punct |
|---|---|
| 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-roles.
dequeuniversity.com, github.com, www.w3.org
Verificări similare
-
Unele butoane nu au nume
WCAG 4.1.2 A
-
Pagina folosește markup învechit pentru text care clipește
WCAG 2.2.2 A
-
Atributele de accesibilitate au valori greșite
WCAG 4.1.2 A
-
Unele comutatoare și casete de bifat nu au nume
WCAG 4.1.2 A