Jednoduchá dátová tabuľka s jedným riadkom hlavičiek stĺpcov v hornej časti je pomerne jednoduchá na sprístupnenie. Skutočná bolesť začína pri zložitých tabuľkách – takých, ktoré majú hlavičky v stĺpcoch aj riadkoch, zlúčené bunky alebo súhrnné riadky. Tento článok vysvetľuje, ako označiť hlavičky tabuľky tak, aby čítačka obrazovky pre každú bunku "pochopila", ktoré hlavičky sa na ňu vzťahujú, bez straty kontextu.
Stručne povedané – čo zahŕňa táto príručka
Prečo sa TH líši od TD
V tabuľke HTML alebo tagovanom PDF má každá bunka jeden z dvoch typov rolí: TH (záhlavie tabuľky) alebo TD (údaje tabuľky – bežná dátová bunka). Rozdiel nie je nevyhnutne vizuálny – bunka hlavičky a dátová bunka môžu vyzerať identicky – je to sémantické: TH hovorí čítačke obrazovky „toto je hlavička, ktorá vysvetľuje, čo znamenajú údaje pod ňou alebo vedľa nej.“ Bez správneho označenia sa čítačka obrazovky pohybuje v tabuľke riadok po riadku, ako keby boli všetky bunky rovnaké, a je ľahké úplne stratiť prehľad o tom, ktoré údaje patria do ktorej kategórie.
Keď rozsah je dostatočný a keď potrebujete viac
Pre väčšinu tabuliek pridáte arozsahpriraďte ku každej bunke TH, aby ste označili, či ide o hlavičku stĺpca (scope="col") alebo hlavička riadku (scope="row"). Keď čítačka obrazovky dosiahne dátovú bunku, automaticky oznámi príslušnú hlavičku stĺpca aj hlavičku riadka – takže používateľ počuje napríklad „1 200 – Predaj, 1. štvrťrok“ namiesto iba izolovaného „1 200“.
V prípade obzvlášť zložitých tabuliek s viac ako dvoma úrovňami hlavičiek (napríklad superhlavička, ktorá zoskupuje niekoľko podstĺpcov), samotný rozsah vždy nestačí. V týchto prípadoch použite dvojicu atribútov id a headers : priraďte každej bunke hlavičky jedinečné ID a v každom zozname dátových buniek v atribúte headers všetky príslušné ID hlavičky. Táto metóda je flexibilnejšia, ale aj zložitejšia a náchylnejšia na chyby – vyhraďte si ju pre prípady, ktoré ju skutočne potrebujú.
scope="col"a hlavičky riadkov ("Q1," "Q2," "Q3" sscope="row"– takže každá dátová bunka je prepojená s dvomi príslušnými hlavičkami.Súhrnné riadky a viaceré hlavičky
Riadok súhrnu v spodnej časti tabuľky („Total“, „Average“) je sám o sebe akýmsi hlavičkou – obyčajne je vhodné označiť celú bunku ako TH pomocou scope="row", takže čítačka obrazovky ju odlíši od riadku s bežnými údajmi. Podobne tabuľka so superhlavičkou, ktorá zoskupuje niekoľko stĺpcov (napríklad „Predaje 2026“ zahŕňajúce „Q1“, „Q2“) vyžaduje správne použitiecolspanatribút spolu s rozsahom, takže hierarchické zoskupenie je zachované aj pri čítaní nahlas.
💡 Praktický tip
Ak sa tabuľka zdá príliš komplikovaná na to, aby ju bolo možné správne označiť (viac ako dve úrovne hlavičiek, viacnásobné zlúčenia), niekedy je najjednoduchším a najdostupnejším riešením rozdeliť ju na niekoľko jednoduchších tabuliek alebo pridať k nej súhrn vo forme čistého textu.
Ako to vyzerá v praxi vo Worde a PDF
Vo Worde pomocou štandardného nástroja "Vložiť ▸ tabuľku" a zaškrtnutím "Riadok hlavičky" v návrhu tabuľky vytvoríte správny základ, ktorý sa vo väčšine prípadov automaticky exportuje do PDF ako TH. V Acrobate sa po exporte z Wordu a spustení kontroly dostupnosti oplatí otvoriť strom značiek a potvrdiť, že bunky hlavičky boli skutočne označené ako TH a nie ako bežné TD – ide o bežnú chybu exportu, ktorú je ľahké prehliadnuť.
Máte tabuľky s údajmi v dokumentoch, ktoré neboli nikdy testované?
Náš nástroj identifikuje tabuľky s chýbajúcimi alebo nesprávnymi hlavičkami v každom súbore PDF na vašej stránke.
Naskenujte svoju stránku zadarmo ←