Otsikkosoluja

Otsikkosoluja tarkoittaa taulukon solua, joka nimeää tai kuvaa taulukon sisällön. Otsikkosolut auttavat lukijaa ymmärtämään tiedon kontekstin sekä parantavat taulukon käytettävyyden ja saavutettavuuden. Suomessa termiä käytetään sekä sarake- että riviotsikoista puhuttaessa. Sarakeotsikot kuvaavat kunkin sarakkeen dataa, kun taas riviotsikot kuvaavat kunkin rivin dataa.

Verkkosivujen taulukoissa otsikkosolut toteuttavat semanttisen roolin TH-elementin avulla. Sarakeotsikot sijoitetaan yleensä taulukon yläosaan thead-osion sisään ja niille voidaan asettaa scope="col". Riviotsikot sijoitetaan rivien alkuun ja niille asetetaan scope="row". Data-solut (td) voivat viitata otsikoihin käyttämällä headers- tai id/headers-atribuutteja, mikä helpottaa ruudunlukijoiden tiedon yhteyksien ymmärtämistä.

Otsikkosolujen oikea käyttö parantaa saavutettavuutta ja esteettisyyttä. Hyviä käytäntöjä ovat: käyttää aina TH-elementtiä otsikoille, määrittää scope-arvot tai muut vastaavat sitomiset, sekä ryhmitellä taulukko thead-, tbody- ja tfoot-osioihin.

Esimerkki: <table><thead><tr><th scope="col">Nimi</th><th scope="col">Ikä</th></tr></thead><tbody><tr><th scope="row">Mikko</th><td>28</td></tr></tbody></table>.