Preprosto podatkovno tabelo z eno samo vrstico naslovov stolpcev na vrhu je razmeroma preprosto narediti dostopno. Prava bolečina se začne pri zapletenih tabelah – takšnih z naslovi v stolpcih in vrsticah, združenih celicah ali vrsticah s povzetki. V tem članku je razloženo, kako označiti glave tabele, tako da bralnik zaslona za vsako celico »razume«, katere glave veljajo zanjo, ne da bi pri tem izgubil kontekst.

Na kratko – kaj zajema ta vodnik

  1. Zakaj se TH razlikuje od TD
  2. Ko je obseg dovolj in ko ga potrebujete več
  3. Vrstice s povzetkom in več glav
  4. Kako to izgleda v praksi v Wordu in PDF

Zakaj se TH razlikuje od TD

V tabeli HTML ali označenem dokumentu PDF ima vsaka celica eno od dveh vrst vlog: TH (glava tabele) ali TD (podatki tabele – navadna podatkovna celica). Razlika ni nujno vizualna – celica glave in podatkovna celica sta lahko videti enako oblikovani – je semantična: TH pove bralniku zaslona, ​​"to je glava, ki pojasnjuje, kaj pomenijo podatki pod ali poleg nje." Brez pravilnega označevanja se bralnik zaslona premika skozi tabelo vrstico za vrstico, kot da bi bile vse celice enake, in zlahka popolnoma izgubite sled, kateri podatki pripadajo kateri kategoriji.

Ko je obsega dovolj in ko potrebujete več

Za večino tabel dodate aobsegatribut vsaki celici TH, da pokaže, ali gre za glavo stolpca (scope="col") ali glavo vrstice (scope="row"). Ko bralnik zaslona doseže podatkovno celico, samodejno napove ustrezno glavo stolpca in glavo vrstice – tako da uporabnik sliši na primer »1.200 — Prodaja, Q1« namesto samo izoliranega »1.200«.

Za posebej zapletene tabele z več kot dvema nivojema glav (na primer super-glava, ki združuje več podstolpcev) sam obseg ni vedno dovolj. V teh primerih uporabite par atributov id in headers : vsaki celici glave dajte enoličen ID in v vsakem seznamu podatkovnih celic v atributu headers vse ID-je glav, ki so relevantni zanjo. Ta metoda je bolj prilagodljiva, a tudi bolj zapletena in nagnjena k napakam – rezervirajte jo za primere, ki jo resnično potrebujejo.

Ilustrativni diagram Označevanje glav tabel z obsegom Primer podatkovne tabele z označenimi glavami stolpcev in vrstic Glavne celice (TH) v primerjavi z navadnimi podatkovnimi celicami (TD) Četrt Izdelek Prodaja V1 V2 V3 Dokumenti Spletna mesta Dokumenti 1,200 950 1,480 scope="col" scope="vrstica" Glave stolpcev dobijo scope="col" in glave vrstic dobijo scope="row" — tako bralnik zaslona napove oboje za vsako celico
V tej tabeli:glave stolpcev ("Četrtletje", "Izdelek," "Prodaja") so označene zscope="col"in glave vrstic ("Q1," "Q2," "Q3") zscope="row"— tako je vsaka podatkovna celica povezana z dvema glavama, ki sta zanjo pomembni.

Vrstice povzetkov in več glav

Vrstica s povzetkom na dnu tabele (»Skupaj«, »Povprečje«) je sama po sebi neke vrste glava — običajno je primerno, da celico s skupnim zneskom označite kot TH s scope="row", tako da jo bralnik zaslona razlikuje od običajne podatkovne vrstice. Podobno tabela s super-glavo, ki združuje več stolpcev (na primer »Prodaja 2026«, ki zajema »Q1«, »Q2«), zahteva pravilno uporabocolspanatribut skupaj z obsegom, tako da se hierarhično združevanje ohrani tudi, ko se bere na glas.

💡 Praktični nasvet

Če se tabela zdi prezapletena za pravilno označevanje (več kot dve ravni glav, več združevanj), je včasih najpreprostejša in najbolj dostopna rešitev, da jo razdelite na več preprostejših tabel ali dodate povzetek v navadnem besedilu zraven.

Kako to izgleda v praksi v Wordu in PDF

V Wordu z uporabo standardnega orodja »Vstavi ▸ tabelo« in potrditvijo »Vrstica glave« v načrtu tabele ustvarite pravilno podlago, ki se v večini primerov samodejno izvozi v PDF kot TH. V programu Acrobat je po izvozu iz Worda in zagonu preverjanja dostopnosti vredno odpreti drevo oznak in potrditi, da so bile celice glave res označene kot TH in ne kot običajni TD – to je pogosta napaka pri izvozu, ki jo zlahka spregledate.

Imate podatkovne tabele v dokumentih, ki še nikoli niso bili preizkušeni?

Naše orodje identificira tabele z manjkajočimi ali nepravilnimi glavami v vsaki datoteki PDF na vašem spletnem mestu.

Brezplačno preglejte svoje spletno mesto ←