Požadavek WCAG A/AA Priorita: Drobné · experimentální kontrola: vyplatí se ověřit ručně
Název tabulky je zapsaný v buňce tabulky
Datová tabulka, například tabulka velikostí nebo ceník, má název ve sloučeném prvním řádku buněk místo ve správném popisku tabulky.
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 přečtou popisek tabulky, jakmile k ní zákazník dojde, takže hned ví, o čem je. Název v buňce se čte jako data, narušuje strukturu sloupců a ztěžuje pochopení čísel.
Koho se to týká
- nevidomí zákazníci
- uživatelé čteček obrazovky
Jak to opravit
Přesuňte název z buněk do prvku <caption> hned za otevírací značku <table>, například <caption>Tabulka velikostí, dámská trička</caption>, a odstraňte sloučený první řádek (buňku s colspan). Pokud je třeba, nastylujte popisek v CSS, aby vypadal jako dřív.
V Shopify
Obvykle tabulka velikostí nebo jiná tabulka vložená do popisu produktu či stránky nebo vytvořená aplikací. Opravte HTML tabulky v zobrazení kódu editoru nebo požádejte autora aplikace, aby vypisoval <caption>.
V Shoptet (CZ)
Obvykle tabulka vložená do popisu produktu nebo článku. Opravte HTML tabulky v zobrazení zdrojového kódu editoru.
V PrestaShop
Obvykle tabulka v popisu produktu, na stránce CMS nebo v modulu. Opravte HTML v zobrazení zdrojového kódu editoru nebo v šabloně .tpl modulu.
V WooCommerce
Obvykle plugin pro tabulky nebo HTML vložené do popisu produktu. Ověřte, zda plugin nemá volbu názvu nebo popisku tabulky, která vypisuje <caption>; jinak opravte HTML tabulky.
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 table-fake-caption.
dequeuniversity.com, github.com, www.w3.org
Podobné kontroly
-
Některá záhlaví tabulky nepopisují žádná data
WCAG 1.3.1 A
-
Položka seznamu je mimo seznam
WCAG 1.3.1 A
-
Atributy přístupnosti jsou napsané s chybou
WCAG 4.1.2 A
-
Některá videa nebo zvuky se spouštějí samy se zvukem
WCAG 1.4.2 A