Zalecana praktyka Priorytet: Drobne
Nagłówki tabeli niepoprawnie używają atrybutu scope
Tabela używa atrybutu scope w niewłaściwy sposób, np. na zwykłej komórce z danymi albo z wartością inną niż row, col, rowgroup lub colgroup. To zalecana dobra praktyka wykraczająca poza poziom WCAG 2.2 AA.
Ten tekst przetłumaczono automatycznie i nie został jeszcze sprawdzony przez native speakera.
Dlaczego to ważne dla Twoich klientów
Czytniki ekranu na podstawie scope ustalają, który nagłówek należy do której komórki. Gdy jest błędny, osoba słuchająca tabeli rozmiarów, cen lub dostawy może usłyszeć niewłaściwy nagłówek albo żaden i wybrać zły rozmiar lub wariant.
Kogo to dotyczy
- osoby korzystające z czytników ekranu
- osoby niewidome i słabowidzące
Jak to naprawić
Używaj scope tylko na komórkach nagłówków <th> i tylko z wartościami col, row, colgroup lub rowgroup. Usuń scope z komórek <td>; jeśli komórka naprawdę jest nagłówkiem, zamień ją na <th>. Prosta tabela z jednym wierszem nagłówków zwykle w ogóle nie potrzebuje scope.
W Shopify
Tabele zwykle pochodzą z opisów produktów lub stron tworzonych w edytorze tekstu albo z aplikacji z tabelą rozmiarów. Popraw HTML w widoku kodu edytora lub zgłoś to twórcy aplikacji.
W Shoptet (CZ)
Zwykle w opisach produktów lub tekstach stron. Warto poprawić HTML tabeli w widoku źródła edytora; w przypadku tabel z szablonu zgłosić się do Shoptet lub partnera.
W PrestaShop
Zwykle w opisach produktów edytowanych w panelu administracyjnym lub w szablonach modułu. Popraw HTML w opisie albo nadpisz szablon modułu w motywie.
W WooCommerce
Zwykle z opisów produktów, wtyczki do tabel lub motywu. Popraw HTML tabeli w widoku kodu edytora albo zmień ustawienia nagłówków we wtyczce do tabel.
Normy
To nie kryterium WCAG, lecz zalecana praktyka, która ułatwia korzystanie ze strony.
Automatyczny test: reguła axe-core scope-attr-valid.
dequeuniversity.com, github.com, www.w3.org