Cerință WCAG A/AA Prioritate: Grav
Unele comutatoare și casete de bifat nu au nume
Unele controale de comutare personalizate (casete de bifat, comutatoare, butoane radio sau opțiuni de meniu construite cu roluri ARIA) nu au o etichetă care poate fi citită.
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ă de selectare” sau „comutator”, fără să știe ce controlează: acceptarea termenilor, abonarea la newsletter, un filtru sau ambalarea cadou. Pot rata o casetă obligatorie la finalizarea comenzii sau pot alege opțiunea greșită.
Pe cine afectează
- clienții nevăzători
- utilizatorii de cititoare de ecran
- utilizatorii de control vocal
Cum se remediază
Dați un nume fiecărui element cu role="checkbox", "switch", "radio", "menuitemcheckbox" sau "menuitemradio": text vizibil în interior, aria-labelledby care indică eticheta vizibilă sau aria-label. Unde se poate, folosiți elementele native <input type="checkbox"> sau <input type="radio"> cu <label>.
În Shopify
De obicei, comutatoare de filtre personalizate, bannere de cookie-uri sau widgeturi ale aplicațiilor (abonamente, opțiuni cadou). Adăugați etichete în snippet-urile Liquid ale temei; cereți dezvoltatorilor de aplicații să eticheteze comutatoarele adăugate de acestea.
În Shoptet (CZ)
De obicei, în suplimente sau cod personalizat (bannere de cookie-uri, filtre). Cereți furnizorului suplimentului, echipei Shoptet sau unui partener să adauge etichete.
În PrestaShop
De obicei, în module de consimțământ pentru cookie-uri, căutare fațetată sau opțiuni de produs. Adăugați etichete în șabloanele .tpl de modul suprascrise sau contactați dezvoltatorul modulului.
În WooCommerce
Frecvent în pluginurile de consimțământ pentru cookie-uri, de filtre și de opțiuni de produs, precum și în comutatoarele din page buildere. Verificați setările pluginului; altfel corectați în tema copil sau raportați 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-toggle-field-name.
dequeuniversity.com, github.com, www.w3.org
Verificări similare
-
Atributele de accesibilitate sunt folosite în situația greșită
WCAG 4.1.2 A
-
O listă de denumiri și valori este construită greșit
WCAG 1.3.1 A
-
Unele fișiere sau conținuturi media încorporate nu au descriere text
WCAG 1.1.1 A
-
Unele bare de progres nu au nume
WCAG 1.1.1 A