Yksinkertainen tietotaulukko, jossa on yksi rivi sarakeotsikoita yläosassa, on suhteellisen yksinkertaista tehdä käytettävissä. Todellinen tuska alkaa monimutkaisista taulukoista – taulukoista, joissa on otsikot sekä sarakkeissa että riveissä, yhdistetyistä soluista tai yhteenvetoriveistä. Tässä artikkelissa kerrotaan, kuinka taulukon otsikot merkitään siten, että näytönlukuohjelma "ymmärtää" jokaiselle solulle, mitkä otsikot koskevat sitä kontekstia menettämättä.
Lyhyesti: mitä tämä opas kattaa
Miksi TH on erilainen kuin TD
HTML-taulukossa tai tunnisteella merkityssä PDF-tiedostossa jokaisella solulla on yksi kahdesta roolityypistä: TH (taulukon otsikko) tai TD (taulukon tiedot – tavallinen tietosolu). Ero ei välttämättä ole visuaalinen – otsikkosolu ja datasolu voivat näyttää samalta tyyliltä – se on semanttinen: TH kertoo näytönlukijalle "tämä on otsikko, joka selittää, mitä sen alla tai vieressä oleva data tarkoittaa." Ilman oikeaa merkintää näytönlukuohjelma liikkuu taulukon läpi rivi riviltä ikään kuin jokainen solu olisi yhtä suuri, ja on helppo menettää täysin käsitys siitä, mitkä tiedot kuuluvat mihinkin luokkaan.
Kun laajuus riittää ja kun tarvitset lisää
Useimmille taulukoille lisäät asoveltamisalaanmääritteellä jokaiselle TH-solulle, onko se sarakeotsikko (scope="col") tai riviotsikko (scope="row"). Kun näytönlukuohjelma saavuttaa tietosolun, se ilmoittaa automaattisesti sekä asiaankuuluvan sarake- että riviotsikon – joten käyttäjä kuulee esimerkiksi "1 200 – Myynti, Q1" yksittäisen "1 200" sijaan.
Erityisen monimutkaisissa taulukoissa, joissa on enemmän kuin kaksi otsikkotasoa (esimerkiksi super-otsikko, joka ryhmittelee useita alisarakkeita), laajuus ei aina yksin riitä. Käytä näissä tapauksissa attribuuttien id ja headers paria: anna jokaiselle otsikkosolulle yksilöllinen tunnus ja jokaisessa tietosoluluettelossa otsikkoattribuutissa kaikki siihen liittyvät otsikkotunnukset. Tämä menetelmä on joustavampi, mutta myös monimutkaisempi ja virhealttiimpi – varaa se tapauksiin, joissa sitä todella tarvitaan.
scope="col"ja riviotsikot ("Q1", "Q2", "Q3")scope="row"— joten jokainen tietosolu on linkitetty kahteen sen kannalta merkitykselliseen otsikkoon.Yhteenvetorivit ja useita otsikoita
Taulukon alareunassa oleva yhteenvetorivi ("Yhteensä", "Keskiarvo") on itsessään eräänlainen otsikko - on yleensä tarkoituksenmukaista merkitä itse solun kokonaismäärä TH-koodiksi Scope="row", joten näytönlukuohjelma erottaa sen tavallisesta datarivistä. Vastaavasti taulukko, jossa on useita sarakkeita yhdistävä superotsikko (esimerkiksi "2026 Sales", joka kattaa "Q1", "Q2") edellyttää oikeaacolspanattribuutti yhdessä laajuuden kanssa, joten hierarkkinen ryhmittely säilyy myös silloin, kun se luetaan ääneen.
💡 Käytännön vinkki
Jos taulukko tuntuu liian monimutkaiselta tunnistettavaksi oikein (yli kaksi tasoa otsikoita, useita yhdistelmiä), joskus yksinkertaisin ja helppokäyttöisin ratkaisu on jakaa se useisiin yksinkertaisempiin taulukoihin tai lisätä sen viereen pelkkä teksti -yhteenveto.
Miltä tämä näyttää käytännössä Wordissa ja PDF:ssä
Wordissa käyttämällä tavallista "Lisää ▸ Taulukko" -työkalua ja valitsemalla "Otsikkorivi" taulukkosuunnittelussa luodaan oikea perusta, joka useimmissa tapauksissa viedään PDF-muotoon TH-muodossa automaattisesti. Acrobatissa Wordista viennin ja esteettömyystarkistuksen jälkeen kannattaa avata tunnistepuu ja varmistaa, että otsikkosolut on todellakin merkitty TH:ksi eikä tavalliseksi TD:ksi – tämä on yleinen vientivirhe, joka on helppo ohittaa.
Onko asiakirjoissa datataulukoita, joita ei ole koskaan testattu?
Työkalumme tunnistaa jokaisesta sivustosi PDF-tiedostosta taulukot, joissa on puuttuvia tai virheellisiä otsikoita.
Skannaa sivustosi ilmaiseksi ←