Cerință WCAG A/AA Prioritate: Grav
Unele etichete indică elementul greșit
Mai multe elemente au același id, iar acest id este folosit pentru a lega o etichetă, o descriere sau un mesaj de eroare de un câmp ori de un control.
Acest text a fost tradus automat și nu a fost încă verificat de un vorbitor nativ.
De ce contează pentru clienții tăi
Tehnologiile asistive găsesc textul potrivit după id. Când acesta se repetă, un cititor de ecran poate citi eticheta sau eroarea altui câmp, de exemplu adresa de facturare în loc de adresa de livrare sau numele altui filtru.
Pe cine afectează
- clienții nevăzători
- utilizatorii de cititoare de ecran
- utilizatorii de control vocal
Cum se remediază
Asigurați-vă că fiecare id de pe pagină este unic, mai ales cele la care fac referire aria-labelledby, aria-describedby, aria-controls sau <label for>. Blocurile repetate (carduri de produs, ferestre de vizualizare rapidă, meniul mobil și cel desktop) ar trebui să genereze id-uri cu un sufix, de exemplu id-ul produsului sau al secțiunii. Verificați manual fiecare caz raportat: axe îl marchează pentru verificare manuală.
În Shopify
Adesea o secțiune sau un snippet este afișat de două ori (antet pentru mobil și desktop, carduri de produs, vizualizare rapidă) cu un id fix. Adăugați un sufix unic în codul Liquid, de exemplu section.id sau product.id; widgeturile aplicațiilor trebuie corectate de dezvoltatorul aplicației.
În Shoptet (CZ)
De obicei provine din șablon sau din cod propriu inserat de mai multe ori. Corectați mai întâi codul propriu; pentru șablon, adresați-vă echipei Shoptet sau unui partener Shoptet.
În PrestaShop
De obicei în șabloanele .tpl ale temei sau în module care afișează același bloc de mai multe ori, de exemplu miniaturi de produs sau un meniu pentru mobil și desktop. Faceți id-urile unice în temă sau în șabloanele de modul suprascrise.
În WooCommerce
Frecvent la page buildere și widgeturi plasate de două ori (meniu mobil și desktop, formulare repetate) și la pluginuri cu id-uri scrise fix. Corectați id-urile în tema copil sau în setările widgetului; raportați codul pluginului autorului acestuia.
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 duplicate-id-aria.
dequeuniversity.com, github.com, www.w3.org
Verificări similare
-
Unele antete de tabel nu descriu nicio dată
WCAG 1.3.1 A
-
Elemente pe care se poate da clic sunt incluse unele în altele
WCAG 4.1.2 A
-
Titlul unui tabel este scris într-o celulă a tabelului
WCAG 1.3.1 A
-
Unele videoclipuri sau sunete pornesc singure, cu sonor
WCAG 1.4.2 A