Cerință WCAG A/AA Prioritate: Moderat
Unele celule de tabel trimit la antete greșite
Un tabel, de exemplu un tabel de mărimi, de specificații sau de costuri de livrare, leagă celulele de antete prin atributul headers, dar unele dintre aceste legături nu trimit la celule de antet din același tabel.
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 folosesc aceste legături pentru a citi o valoare împreună cu antetele ei, de exemplu „Mărimea M, bust: 96 cm”. Când legăturile sunt greșite, clienții nevăzători aud numere fără context și pot alege mărimea sau varianta greșită.
Pe cine afectează
- clienții nevăzători
- utilizatorii de cititoare de ecran
Cum se remediază
Fiecare ID din atributul headers al unei celule trebuie să aparțină unui <th> din același tabel, iar o celulă nu poate trimite la ea însăși. Corectați ID-urile greșite sau lipsă. La tabelele simple este adesea mai ușor să eliminați complet atributele headers și să marcați antetele cu <th scope="col"> și <th scope="row">, pe care cititoarele de ecran le înțeleg fără legături suplimentare.
În Shopify
De obicei un tabel de mărimi sau de specificații inserat într-o descriere de produs ori o pagină sau generat de o aplicație de tabele de mărimi. Corectați HTML-ul tabelului în modul cod al editorului ori contactați dezvoltatorul aplicației.
În Shoptet (CZ)
De obicei un tabel inserat într-o descriere de produs sau un articol. Corectați HTML-ul tabelului în editor; majoritatea tabelelor simple au nevoie doar de celule <th>, fără atributul headers.
În PrestaShop
De obicei un tabel dintr-o descriere de produs, o pagină CMS sau un modul de caracteristici ale produsului. Corectați HTML-ul în editor sau în șablonul .tpl al modulului.
În WooCommerce
De obicei un tabel creat cu un plugin de tabele sau de tabele de mărimi ori HTML inserat într-o descriere de produs. Verificați opțiunile de accesibilitate ale pluginului sau corectați ID-urile în codul tabelului.
Standarde
| Standard | Punct |
|---|---|
| WCAG 2.2 | 1.3.1 (A) Info and Relationships |
| WCAG 2.1 | 1.3.1 (A) Info and Relationships |
| WCAG 2.0 | 1.3.1 (A) Info and Relationships |
| EN 301 549 4.1.1 | 9.1.3.1 |
| EN 301 549 3.2.1 | 9.1.3.1 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.1.3.1 |
Verificare automată: regula axe-core td-headers-attr.
dequeuniversity.com, github.com, www.w3.org
Verificări similare
-
Pagina nu indică în ce limbă este scrisă
WCAG 3.1.1 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
-
Unele grafice vectoriale nu au descriere text
WCAG 1.1.1 A