Practică recomandată Prioritate: Minor
Antetele tabelului folosesc greșit atributul scope
Un tabel folosește greșit atributul scope, de exemplu pe o celulă obișnuită de date sau cu o altă valoare decât row, col, rowgroup sau colgroup. Aceasta este o practică recomandată, dincolo de nivelul WCAG 2.2 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
Cititoarele de ecran folosesc scope ca să afle ce antet aparține fiecărei celule. Când este greșit, cine ascultă un tabel de mărimi, de prețuri sau de livrare poate auzi antetul greșit sau niciunul și poate alege mărimea ori varianta greșită.
Pe cine afectează
- utilizatorii de cititoare de ecran
- clienții nevăzători și cu vedere slabă
Cum se remediază
Folosiți scope doar pe celulele de antet <th> și doar cu valorile col, row, colgroup sau rowgroup. Eliminați scope de pe celulele <td>; dacă o celulă este într-adevăr antet, transformați-o în <th>. Un tabel simplu, cu un singur rând de antet, de obicei nu are nevoie deloc de scope.
În Shopify
Tabelele provin de obicei din descrieri de produse sau pagini scrise în editorul de text ori dintr-o aplicație de tabel de mărimi. Corectați HTML-ul în vizualizarea de cod a editorului sau contactați dezvoltatorul aplicației.
În Shoptet (CZ)
De obicei în descrieri de produse sau texte de pagini. Corectați HTML-ul tabelului în vizualizarea sursă a editorului; pentru tabelele din șablon contactați echipa Shoptet sau un partener.
În PrestaShop
De obicei în descrieri de produse editate în panoul de administrare sau în șabloanele unui modul. Corectați HTML-ul din descriere sau suprascrieți șablonul modulului în temă.
În WooCommerce
De obicei din descrieri de produse, dintr-un plugin de tabele sau din temă. Editați HTML-ul tabelului în vizualizarea de cod a editorului sau schimbați setările de antet din pluginul de tabele.
Standarde
Nu este un criteriu WCAG, ci o practică recomandată care face site-ul mai ușor de folosit.
Verificare automată: regula axe-core scope-attr-valid.
dequeuniversity.com, github.com, www.w3.org