Toki jos voisin -sivuston etusivu
Toki, jos voisin opas saavutettavuuteen

1.3.1 Taulukot

Heikossa esimerkissä taulukolla ei ole kuvausta (caption), vaan taulukon yläpuolella oleva otsikko on lisätty boldattuna. Vertaa näitä esimerkkejä ruudunlukijalla.

Haastava esimerkki

Taulukkoa kuvaava otsikko

Taulukon otsikko Taulukon otsikko Taulukon otsikko
Taulukon sisältö Taulukon sisältö Taulukon sisältö
Taulukon sisältö Taulukon sisältö Taulukon sisältö

Parempi esimerkki

Table header Table header Table header
Taulukon sisältö Taulukon sisältö Taulukon sisältö
Taulukon sisältö Taulukon sisältö Taulukon sisältö
Taulukon otsikko

Edellä olevassa esimerkissä taulukko on figure-elementin sisällä, jossa taulukon otsikko on annettu figcaption-elementissä. Taulukoiden HTML-rakenne vaihtelee sen mukaan mitä työkalua käyttää. Tässä on käytetty CKEditor 5 -editoria Strapin kanssa.

Taulukon otsikko on usein oletuksena taulukon alaosassa, mutta sen voi siirtää myös taulukon yläpuolelle:

Taulukon otsikko
Taulukon otsikkorivi Taulukon otsikkorivi Taulukon otsikkorivi
Taulukon sisältö Taulukon sisältö Taulukon sisältö
Taulukon sisältö Taulukon sisältö Taulukon sisältö

Loppukommentit

Oikea merkintä taulukoiden kanssa on tärkeää avustavia teknologia käyttäville. Tosin taulukot eivät ole välttämättä ruudunlukijoilla ylipäätään erityisen miellyttäviä käytettäviä.