Cerință WCAG A/AA Prioritate: Moderat
Unele antete de tabel nu descriu nicio dată
Un tabel are celule de antet (<th>) care nu sunt legate de nicio celulă de date, de exemplu un rând de antet gol într-un tabel de mărimi sau un tabel care folosește <th> doar pentru text îngroșat.
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 citesc antete care nu duc nicăieri sau nu pot asocia valorile cu antetul corect, astfel încât un client nevăzător poate înțelege greșit un tabel de mărimi, de prețuri sau de opțiuni de livrare.
Pe cine afectează
- clienții nevăzători
- utilizatorii de cititoare de ecran
Cum se remediază
Asigurați-vă că fiecare <th> (și fiecare element cu role="columnheader" sau role="rowheader") are celule de date în coloana sau rândul său. Eliminați antetele goale sau transformați-le în <td>, nu folosiți <th> doar pentru text îngroșat și păstrați rândurile și coloanele complete. Tabelele folosite doar pentru aranjarea paginii nu ar trebui să conțină deloc <th>.
În Shopify
De obicei un tabel de mărimi sau de specificații inserat într-o descriere de produs ori generat de o aplicație de tabele de mărimi sau de taburi de produs. 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 astfel încât sub sau lângă fiecare antet să existe date.
În PrestaShop
De obicei un tabel dintr-o descriere de produs, o pagină CMS ori un modul de caracteristici sau de comparare a produselor. 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, un widget de tabel dintr-un page builder ori HTML inserat într-o descriere de produs. Verificați setările rândului de antet din plugin sau corectați 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 th-has-data-cells.
dequeuniversity.com, github.com, www.w3.org
Verificări similare
-
O listă este construită greșit
WCAG 1.3.1 A
-
Controalelor personalizate le lipsesc informații obligatorii
WCAG 4.1.2 A
-
Atributele de accesibilitate sunt folosite în situația greșită
WCAG 4.1.2 A
-
Meniurile sau listele personalizate sunt construite greșit
WCAG 1.3.1 A