Cerință WCAG A/AA Prioritate: Grav
Controalelor personalizate le lipsesc informații obligatorii
Unele controale personalizate declară un rol, dar le lipsesc informațiile de care are nevoie acel rol, de exemplu dacă o listă derulantă este deschisă.
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 știe dacă un filtru este extins, ce opțiune este selectată sau ce valoare are un slider, așa că meniurile și filtrele devin greu de folosit.
Pe cine afectează
- utilizatorii de cititoare de ecran
- clienții nevăzători
Cum se remediază
Adăugați atributele cerute de rol, de exemplu aria-expanded pe role="combobox" sau aria-valuenow pe role="slider". Actualizați-le cu JavaScript atunci când starea se schimbă. Unde este posibil, preferați elemente HTML native.
În Shopify
De obicei, meniuri, filtre sau slidere personalizate din temă sau din aplicații. Corectați atributele în fișierele Liquid și JavaScript ale temei; cereți dezvoltatorilor de aplicații să își corecteze widgeturile.
În Shoptet (CZ)
De obicei, meniuri din șablon sau add-on-uri. Raportați problema echipei Shoptet sau unui partener Shoptet, deoarece controalele fac parte din șablon.
În PrestaShop
De obicei, meniurile temei sau module precum căutarea fațetată (faceted search). Corectați în șabloanele și JavaScript-ul temei sau raportați problema dezvoltatorului modulului.
În WooCommerce
De obicei, meniurile temei, widgeturile din page builder sau pluginurile de filtrare. Corectați în codul temei copil sau raportați problema 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-required-attr.
dequeuniversity.com, github.com, www.w3.org
Verificări similare
-
Unele elemente grafice nu au descriere text
WCAG 1.1.1 A
-
Un text se derulează și nu poate fi oprit
WCAG 2.2.2 A
-
Linkurile din text arată ca textul obișnuit
WCAG 1.4.1 A
-
Meniurile sau listele personalizate sunt construite greșit
WCAG 1.3.1 A