Požadavek WCAG A/AA Priorita: Střední

Některá záhlaví tabulky nepopisují žádná data

Tabulka obsahuje buňky záhlaví (<th>), které nejsou spojené s žádnými datovými buňkami, například prázdný řádek záhlaví v tabulce velikostí nebo tabulka, která používá <th> jen pro tučné písmo.

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

Čtečky obrazovky čtou záhlaví, která nikam nevedou, nebo nedokážou přiřadit hodnoty ke správnému záhlaví, takže nevidomý zákazník může špatně pochopit tabulku velikostí, cen nebo možností dopravy.

Koho se to týká

nevidomí zákazníci
uživatelé čteček obrazovky

Jak to opravit

Zajistěte, aby každý <th> (a každý prvek s role="columnheader" nebo role="rowheader") měl datové buňky ve svém sloupci nebo řádku. Odstraňte prázdná záhlaví nebo je změňte na <td>, nepoužívejte <th> jen kvůli tučnému písmu a dbejte na úplné řádky a sloupce. Tabulky sloužící jen k rozvržení stránky by <th> neměly obsahovat vůbec.

V Shopify

Obvykle tabulka velikostí či parametrů vložená do popisu produktu nebo vygenerovaná aplikací pro tabulky velikostí či záložky produktu. Opravte HTML tabulky v režimu kódu editoru nebo se obraťte na vývojáře aplikace.

V Shoptet (CZ)

Obvykle tabulka vložená do popisu produktu nebo článku. Opravte HTML tabulky v editoru tak, aby pod každým záhlavím nebo vedle něj byla data.

V PrestaShop

Obvykle tabulka v popisu produktu, na CMS stránce nebo v modulu vlastností či srovnání produktů. Opravte HTML v editoru nebo v šabloně .tpl modulu.

V WooCommerce

Obvykle tabulka vytvořená pluginem pro tabulky či tabulky velikostí, widget tabulky v page builderu nebo HTML vložené do popisu produktu. Zkontrolujte v pluginu nastavení řádku záhlaví nebo opravte kód tabulky.

Normy

Normy
Norma	Bod
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

Automatická kontrola: pravidlo axe-core th-has-data-cells. dequeuniversity.com, github.com, www.w3.org

Seznam je sestavený nesprávně
WCAG 1.3.1 A
Vlastním ovládacím prvkům chybí povinné informace
WCAG 4.1.2 A
Atributy přístupnosti jsou použity v nesprávné situaci
WCAG 4.1.2 A
Vlastní menu nebo seznamy jsou sestavené nesprávně
WCAG 1.3.1 A

Všechna pravidla, která kontrolujeme