Cerință WCAG A/AA Prioritate: Critic
O listă derulantă nu are etichetă
O listă derulantă nu are o etichetă pe care tehnologiile asistive să o poată citi.
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 aud doar „casetă combinată” și nu știu dacă alege mărimea, culoarea, cantitatea sau țara. Acest lucru poate bloca alegerea unei variante de produs sau finalizarea comenzii.
Pe cine afectează
- clienții nevăzători
- utilizatorii de cititoare de ecran
- utilizatorii de control vocal
- persoanele cu dizabilități cognitive
Cum se remediază
Asociați fiecărui <select> un <label for> vizibil sau folosiți aria-labelledby care indică un text vizibil. Folosiți aria-label doar când nu este posibilă o etichetă vizibilă. Verificați selectoarele de variante, de sortare și de țară.
În Shopify
De obicei, selectoarele de variante, de sortare sau de monedă și limbă din temă. Adăugați etichete în snippet-urile Liquid ale temei; selectoarele din aplicații trebuie corectate de dezvoltatorul aplicației.
În Shoptet (CZ)
De obicei, selectoarele de variante sau de sortare din șablon. Cereți echipei Shoptet sau unui partener Shoptet să adauge etichete în codul șablonului.
În PrestaShop
De obicei, selectoarele de atribute ale produsului, sortarea sau câmpurile de țară. Adăugați etichete în șabloanele .tpl ale temei sau în șabloanele de modul suprascrise.
În WooCommerce
De obicei, selectoarele de variații, listele de sortare sau widgeturile pluginurilor. Adăugați etichete în șabloanele temei copil sau folosiți setări ale pluginului care generează etichete corecte.
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 select-name.
dequeuniversity.com, github.com, www.w3.org
Verificări similare
-
Textul este greu de citit din cauza contrastului scăzut
WCAG 1.4.3 AA
-
Unele videoclipuri sau sunete pornesc singure, cu sonor
WCAG 1.4.2 A
-
Elemente de meniu sau file personalizate în afara grupului lor
WCAG 1.3.1 A
-
Unele elemente folosesc un rol care nu există
WCAG 4.1.2 A