A11ying with Sanna - Toki, jos voisin opas saavutettavuuteen

Taulukoiden saavutettavuus

Käytä taulukkoja vain taulukkomaiseen sisältöön.

Älä käytä taulukoita sisällön visuaaliseen asetteluun.

Anna jokaiselle taulukolle otsikko

Pyri lisäämään taulukoille aina taulukon otsikko (<caption>). Otsikointi auttaa aina käyttäjää ymmärtämään mistä taulukon sisällössä on kyse.

Huomaa, että taulukon otsikko ei ole sama asia kuin sivulla olevat otsikot (H2-H6). Taulukon otsikko luetaan taulukon yhteydessä, sivulla olevia otsikoita ei.

Käytä otsikkorivejä ja -sarakkeita

Jokaisella taulukolla pitäisi olla otsikkorivi tai -sarake. Muutoin taulukon sisältö ei ole ymmärrettävä avustaville teknologioille.

Jos olet rakentamassa taulukkoa, joka ei mielestäsi tarvitse otsikointeja, pysähdy vielä miettimään, että onko taulukko sitten oikea ilmaisutapa.

Vältä monimutkaisia taulukoita

Jos taulukossa on paljon yhdistettyjä soluja, on taulukko todennäköisesti turhan monimutkainen. Solujen yhdistäminen ei välttämättä välity avustaville teknologioille riittävän ymmärrettävästi.

Mieti voiko monimutkaisen taulukon jakaa useampaan helpommin ymmärrettävään taulukkoon.

Huomioi myös miten taulukko toimii mobiililaitteella. Joskus pöytäkoneen ruudulla laajempi taulukko on huomattavasti helpommin ymmärrettävissä kuin mobiililaitteella tarkastellessa. Tähän vaikuttaa myös taulukon tekninen toteutus. Responsiivinen taulukko käyttäytyy yleensä eri tavalla kuin vieritettävä taulukko.