Kuvat

Noudata näitä saavutettavuuden periaatteita, kun lisäät kuvia asiakirjoihin tai verkkokurssillesi.

Dokumenttien kuvissa tulee olla vaihtoehtoiset kuvaukset, joissa kerrotaan kuvan sisältö henkilöille, jotka käyttävät ruudunlukuohjelmaa. Vaihtoehtoinen kuvaus toimii siis kuvan tekstivastineena.
Vaihtoehtoinen kuvaus eli verkossa olevien kuvien ALT-teksti (alternative text) tulee lisätä myös Canvasin kurssisivuilla oleviin kuviin.
Pyri kertomaan vaihtoehtoisessa kuvauksessa kuvan sisältö selkeästi ja yksityiskohtaisesti.
Kuvan voi merkitä koristeelliseksi, jos kyseessä on ainoastaan koriste-/kuvituskuva tai muuten täysin merkityksetön kuva muun sisällön kannalta.
Vältä kuvia, jotka sisältävät lukijalle tärkeää informaatiota tekstinä, sillä ruudunlukuohjelmat eivät voi lukea tekstiä kuvamuodossa.
Jos dokumentissa on kuva, joka sisältää tekstiä, avaa kuvan tekstisisältö kokonaan myös leipätekstissä. Vaihtoehtoiseen kuvaukseen kerrotaan vain lyhyt kuvaus sisällöstä, esimerkiksi ”ohjeet kurssi-ilmoittautumiseen”.
Jos dokumentti tai kurssin sivu sisältää kuvamuodossa olevan infograafin, avaa sen sisältö myös tekstimuodossa leipätekstiin.

💡 Esimerkki vaihtoehtoisesta kuvauksesta Word-dokumentissa

Alla olevissa kuvissa on esimerkit huonosta ja hyvästä vaihtoehtoisesta kuvauksesta. Ensimmäisessä kuvassa kuvaus on liian suppea, koira vedessä. Teksti ei anna lukijalle tarkkaa käsitystä kuvan sisällöstä. Toisessa kuvauksessa määrittely on yksityiskohtaisempi: musta labradorinnoutaja, joka on uimassa.

Ensimmäisessä kuvauksessa ALT-teksti on liian suppea "koira vedessä".

Toisessa kuvauksessa ALT-teksti on riittävän yksityiskohtainen: "musta labradorinnoutaja, joka on uimassa".

💡 Esimerkki vaihtoehtoisesta kuvauksesta eli ALT-tekstistä Canvas-sivulla

Lisättyäsi kuvan Canvasin sivulle napauta kuvan päälle ilmestyvää image options -valikkoa. Canvas määrittää automaattisesti kuvan ALT-tekstiksi kuvan tiedostonimen, kuten näet alla olevasta kuvasta. Vaihda ALT-teksti kuvaavaksi ja yksityiskohtaisemmaksi. Jos kuva on kuvituskuva eikä sillä ole tiedollista merkitystä sisällön kannalta, merkitse kuva koristeelliseksi kohdasta decorative image.

Upotettu sisältö

Sivun olennainen sisältö kannattaa toteuttaa suoraan tekstimuodossa, sillä Canvasin ruudunlukuohjelma ei välttämättä tunnista upotettua sisältöä.
Jos käytät upotettua sisältöä, kuvaa olennainen tieto myös leipätekstissä, jos mahdollista.
Pohdi, mihin hyödynnät upotettua sisältöä. Upotettu sisältö voi toimia kuvittavana elementtinä (esimerkiksi Genially) tai lisätehtävänä (H5P) ilman, että sivun informaation saavutettavuus kärsii.

🔗 Ohjelinkkejä

Kataja, J. 2019. Vieraskynä: kuvien ALT-tekstit: https://saavutettava.fi/2019/12/15/vieraskyna-kuvien-alt-tekstit/. Saavutettavasti.fi -sivusto