Käytä taulukoita vain tabuloidulle tiedolle

Käytä taulukoita silloin, kun esität tietoa riveinä ja sarakkeina (esim. vertailut, aikataulut, luvut). Älä käytä taulukoita pelkästään visuaaliseen asetteluun.

• Taulukot on tarkoitettu tietojen rakenteistamiseen, ei sivun layoutiin [webaccess.msu.edu]
• Ruudunlukijat tulkitsevat taulukon rakenteen loogisena datana – väärinkäyttö vaikeuttaa ymmärtämistä [accessibility.umn.edu]

Pidä taulukot yksinkertaisina ja loogisina [w3.org]:

1. Nimeä tiedosto ja välilehdet kuvaavasti
   • Anna tiedostolle ja jokaiselle välilehdelle selkeä nimi, joka kertoo sisällöstä. Kuvaavat nimet auttavat käyttäjiä hahmottamaan sisältöä ja navigoimaan, erityisesti silloin, jos kyseessä on apuvälineen käyttäjä (esim. ruudunlukijan käyttäjät)
2. Aloita solusta A1
   • Ruudunlukijat aloittavat lukemisen solusta A1. Tyhjä A1 tarkoittaa, että taulukkoa näkemätön käyttäjä joutuu erikseen etsimään solun, josta taulukko alkaa.
3. Lisää otsikkorivi
   • Otsikot kertovat käyttäjille, mitä kukin arvo tarkoittaa.
     Ruudunlukijan käyttäjä saa helposti selvitettyä taulukon solun otsikkotiedon, kun solulla on sarake- ja/tai riviotsikko.
   • Excelissä otsikkorivi tarjoaa mahdollisuuden järjestää dataa sarakeotsikon mukaan nousevaan tai laskevaan aakkosjärjestykseen. Lisäksi näytettäviä rivejä voi suodattaa.
4. Ei tyhjiä soluja
   • Tyhjät solut vaikeuttavat taulukon hahmottamista ja navigointia [hhs.gov, PDF]
   • Käytä tarvittaessa merkintää kuten “ei tietoa”/ NA / 0
5. Ei yhdistettyjä, eikä jaettuja soluja
   • Älä yhdistä soluja (merge cells), äläkä jaa (split cells) niitä: Taulukon yleisestä asettelut poikkeavat solut rikkovat taulukon loogisen rakenteen. Ne voivat vaikeuttaa ruudunlukijoita yhdistämästä tietoa oikeisiin otsikoihin.
   • Yleensä yhdistettyjen solujen tarve kertoo siitä, että taulukko olisi syytä jakaa kahdeksi tai useammaksi taulukoksi.
6. Huolehdi kontrastista
   •  Tekstin ja taustan kontrastin tulee olla riittävä, ks. WebAim Contrast Checker
7. Älä välitä tietoa pelkästään värillä.
8. Valitse selkeä fontti (esim. Arial tai Calibri)
9. Tarkista, että solujen muotoilut vastaavat sisällön tyyppiä
   • Muotoile solut oikein (esim. numero, päivämäärä, prosentti). Oikea muotoilu auttaa sekä käyttäjiä että apuvälineitä tulkitsemaan tiedon oikein.
10. Lisää alt-teksti
    • Lisää alt-teksti visuaalisille elementeille. Alt-teksti välittää saman tiedon näkörajoitteisille käyttäjille.
    • huomaa, että jos lisäät Escelissä tekemäsi taulukon Wordiin, Wordissa voit antaa sille alt-tekstin, jossa kerrot lyhyesti mistä taulukossa on kyse.

Ks. Microsoftin saavutettavuus-ohje taulukoille (englanniksi)

« Takaisin