Doporučený postup Priorita: Drobné
Buňka záhlaví tabulky je prázdná
Tabulka má buňku záhlaví bez textu, například levý horní roh tabulky velikostí nebo sloupec s akčními tlačítky. Jde o doporučený postup, nikoli o požadavek WCAG úrovně AA.
Tento text byl přeložen automaticky a rodilý mluvčí ho zatím nezkontroloval.
Proč na tom záleží vašim zákazníkům
Když uživatel čtečky obrazovky prochází tabulkou, před každou hodnotou se přečte záhlaví, které vysvětluje její význam. Prázdné záhlaví nechává hodnoty bez souvislostí, takže tabulka velikostí, srovnání cen nebo historie objednávek je hůře srozumitelná.
Koho se to týká
- uživatelé čteček obrazovky
- nevidomí lidé
- slabozrací lidé používající lupu s hlasovým výstupem
Jak to opravit
Dejte každému <th> (nebo prvku s role="columnheader" či "rowheader") text, který popisuje jeho sloupec nebo řádek, například „Velikost“ nebo „Akce“. Pokud text nemá být vidět, použijte vizuálně skrytý text místo prázdné buňky. Pokud buňka ve skutečnosti není záhlaví, například prázdný roh, použijte <td> místo <th>.
V Shopify
Tabulky obvykle pocházejí z popisů produktů, stránek s tabulkou velikostí nebo z aplikací. Upravte tabulku v textovém editoru nebo v aplikaci tak, aby každá buňka záhlaví měla text; u tabulek vytvářených šablonou opravte Liquid šablonu.
V Shoptet (CZ)
Obvykle jde o tabulky v popisech produktů nebo na textových stránkách. Upravte tabulku v editoru a vyplňte buňky záhlaví; u tabulek přímo v šabloně se obraťte na Shoptet nebo partnera.
V PrestaShop
Může se objevit v popisech produktů, na stránkách srovnání a v šablonách zákaznického účtu. Upravte obsah v administraci nebo přepište soubor .tpl motivu.
V WooCommerce
Časté v pluginech pro tabulky velikostí, srovnání a tabulky a na stránkách účtu, například v historii objednávek. Doplňte záhlaví v nastavení pluginu nebo přepište šablonu v podřízené šabloně (child theme).
Normy
Nejde o kritérium WCAG, ale o doporučený postup, který usnadní používání webu.
Automatická kontrola: pravidlo axe-core empty-table-header.
dequeuniversity.com, github.com, www.w3.org