Practică recomandată Prioritate: Minor
O celulă de antet a tabelului este goală
Un tabel are o celulă de antet fără text, de exemplu colțul din stânga sus al unui tabel de mărimi sau o coloană cu butoane de acțiune. Este o practică recomandată, nu o cerință WCAG de nivel AA.
Acest text a fost tradus automat și nu a fost încă verificat de un vorbitor nativ.
De ce contează pentru clienții tăi
Când un utilizator de cititor de ecran parcurge un tabel, înaintea fiecărei valori se citește antetul care îi explică sensul. Un antet gol lasă valorile fără context, așa că un tabel de mărimi, o comparație de prețuri sau istoricul comenzilor devin mai greu de înțeles.
Pe cine afectează
- utilizatorii de cititoare de ecran
- persoanele nevăzătoare
- persoanele cu vedere slabă care folosesc lupe de ecran cu voce
Cum se remediază
Dați fiecărui <th> (sau element cu role="columnheader" ori "rowheader") un text care descrie coloana sau rândul, de exemplu „Mărime” sau „Acțiuni”. Dacă textul nu trebuie să fie vizibil, folosiți text ascuns vizual în loc să lăsați celula goală. Dacă celula nu este de fapt un antet, de exemplu un colț gol, folosiți <td> în loc de <th>.
În Shopify
Tabelele provin de obicei din descrieri de produse, pagini cu tabele de mărimi sau aplicații. Editați tabelul în editorul de text sau în aplicație astfel încât fiecare celulă de antet să aibă text; pentru tabelele generate de temă, corectați șablonul Liquid.
În Shoptet (CZ)
Provine de obicei din tabele din descrierile produselor sau din paginile de text. Editați tabelul în editor și completați celulele de antet; pentru tabelele din șablon, adresați-vă Shoptet sau unui partener.
În PrestaShop
Poate apărea în descrieri de produse, pagini de comparație și șabloane ale contului de client. Editați conținutul în back office sau suprascrieți fișierul .tpl al temei.
În WooCommerce
Frecvent în pluginuri pentru tabele de mărimi, comparații și tabele, precum și în paginile de cont, cum ar fi istoricul comenzilor. Completați antetul în setările pluginului sau suprascrieți șablonul într-o temă copil.
Standarde
Nu este un criteriu WCAG, ci o practică recomandată care face site-ul mai ușor de folosit.
Verificare automată: regula axe-core empty-table-header.
dequeuniversity.com, github.com, www.w3.org