Jednoduchá datová tabulka s jedním řádkem záhlaví sloupců nahoře je poměrně snadno přístupná. Skutečná bolest začíná u složitých tabulek – těch se záhlavím ve sloupcích i řádcích, sloučených buněk nebo souhrnných řádků. Tento článek vysvětluje, jak označit záhlaví tabulky tak, aby čtečka obrazovky pro každou buňku "pochopila", která záhlaví se na ni vztahují, aniž by ztratila kontext.
Ve zkratce – co tento průvodce pokrývá
Proč se TH liší od TD
V tabulce HTML nebo tagovaném PDF má každá buňka jeden ze dvou typů rolí: TH (záhlaví tabulky) nebo TD (data tabulky – běžná datová buňka). Rozdíl není nutně vizuální – buňka záhlaví a datová buňka mohou vypadat stejně stylově – je sémantický: TH říká čtečce obrazovky „toto je záhlaví, které vysvětluje, co znamenají data pod ním nebo vedle něj.“ Bez správného označení se čtečka obrazovky pohybuje tabulkou řádek po řádku, jako by byly všechny buňky stejné, a je snadné zcela ztratit přehled o tom, která data patří do které kategorie.
Když rozsah je dostatečný a když potřebujete více
U většiny tabulek přidáte arozsahpřiřaďte každé buňce TH, abyste označili, zda se jedná o záhlaví sloupce (scope="col") nebo záhlaví řádku (scope="row"). Když čtečka obrazovky dosáhne datové buňky, automaticky oznámí příslušné záhlaví sloupce i záhlaví řádku – takže uživatel uslyší například „1 200 – Prodej, 1. čtvrtletí“ namísto pouhého izolovaného „1 200“.
U zvláště složitých tabulek s více než dvěma úrovněmi záhlaví (například super-záhlaví, které seskupuje několik podsloupců), samotný rozsah vždy nestačí. V těchto případech použijte dvojici atributů id a headers : přidělte každé buňce záhlaví jedinečné ID a v každém seznamu datových buněk v atributu headers všechna relevantní ID záhlaví. Tato metoda je flexibilnější, ale také složitější a náchylnější k chybám – rezervujte si ji pro případy, které ji skutečně potřebují.
scope="col"a záhlaví řádků ("Q1", "Q2," "Q3") sscope="row"— takže každá datová buňka je propojena se dvěma příslušnými záhlavími.Souhrnné řádky a více záhlaví
Souhrnný řádek v dolní části tabulky („Total“, „Average“) je sám o sobě jakýmsi záhlavím – obvykle je vhodné označit samotnou buňku jako TH pomocí scope="row", takže čtečka obrazovky ji odliší od běžného řádku s údaji. Podobně tabulka se superzáhlavím, která seskupuje několik sloupců (například „Prodej 2026“ zahrnující „Q1“, „Q2“), vyžaduje správné použitícolspanatribut spolu s oborem, takže hierarchické seskupení je zachováno i při čtení nahlas.
💡 Praktický tip
Pokud se tabulka zdá příliš komplikovaná na to, aby ji bylo možné správně označit (více než dvě úrovně záhlaví, vícenásobné sloučení), někdy je nejjednodušším a nejdostupnějším řešením rozdělit ji na několik jednodušších tabulek nebo přidat k ní souhrn v prostém textu.
Jak to vypadá v praxi ve Wordu a PDF
Ve Wordu vytvoříte pomocí standardního nástroje "Vložit ▸ tabulku" a zaškrtnutím "Řádek záhlaví" v Návrhu tabulky správný základ, který se ve většině případů automaticky exportuje do PDF jako TH. V Acrobatu se po exportu z Wordu a spuštění kontroly přístupnosti vyplatí otevřít strom značek a potvrdit, že buňky záhlaví byly skutečně označeny jako TH a ne jako běžný TD – jde o běžnou chybu exportu, kterou lze snadno přehlédnout.
Mají datové tabulky v dokumentech, které nebyly nikdy testovány?
Náš nástroj identifikuje tabulky s chybějícími nebo nesprávnými záhlavími v každém souboru PDF na vašem webu.
Naskenujte svůj web zdarma ←