Doporučený postup Priorita: Drobné
Záhlaví tabulky používají atribut scope chybně
Tabulka používá atribut scope nesprávně, například na běžné datové buňce nebo s jinou hodnotou než row, col, rowgroup či colgroup. Jde o doporučený postup nad rámec úrovně WCAG 2.2 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
Čtečky obrazovky podle scope určují, které záhlaví patří ke které buňce. Když je chybný, člověk, který poslouchá tabulku velikostí, cen nebo dopravy, může slyšet špatné záhlaví nebo žádné a vybrat špatnou velikost či variantu.
Koho se to týká
- uživatelé čteček obrazovky
- nevidomí a slabozrací zákazníci
Jak to opravit
Používejte scope jen na buňkách záhlaví <th> a jen s hodnotami col, row, colgroup nebo rowgroup. Z buněk <td> scope odstraňte; pokud je buňka opravdu záhlavím, změňte ji na <th>. Jednoduchá tabulka s jedním řádkem záhlaví scope obvykle vůbec nepotřebuje.
V Shopify
Tabulky obvykle pocházejí z popisů produktů nebo stránek psaných v textovém editoru, případně z aplikace s tabulkou velikostí. Opravte HTML v zobrazení kódu editoru nebo se obraťte na vývojáře aplikace.
V Shoptet (CZ)
Obvykle v popisech produktů nebo textech stránek. Opravte HTML tabulky v zobrazení zdrojového kódu editoru; u tabulek ze šablony se obraťte na podporu Shoptet nebo partnera.
V PrestaShop
Obvykle v popisech produktů upravovaných v administraci nebo v šablonách modulu. Opravte HTML v popisu nebo šablonu modulu přepište ve vzhledu (theme) e-shopu.
V WooCommerce
Obvykle z popisů produktů, pluginu pro tabulky nebo ze šablony. Upravte HTML tabulky v zobrazení kódu editoru nebo změňte nastavení záhlaví v pluginu pro tabulky.
Normy
Nejde o kritérium WCAG, ale o doporučený postup, který usnadní používání webu.
Automatická kontrola: pravidlo axe-core scope-attr-valid.
dequeuniversity.com, github.com, www.w3.org