Hyvän alt-tekstin kirjoittaminen
Jokainen kuva tulee olla joko merkitty koristeelliseksi tai sille on annettu alt-teksti. Tehokasta ja kuvaavaa alt-tekstiä kirjoittaessa kannattaa kiinnittää huomiota seuraaviin seikkoihin:
- Lisää alt-teksti kaikille tärkeille kuville, mukaan lukien logot
- Älä toista ympäröivää tekstiä: jos kuvan alt-teksti on jo selvästi ilmaistu ympäröivässä tekstissä, merkitse kuva koristeelliseksi
- Älä käytä sanoja kuten “kuva” tai “logo” — näytönlukuohjelmat jo mainitsevat tämän
- Pidä teksti lyhyenä: noin 150 merkkiä on hyvä lähtökohta
- Monimutkaiset kuvat: kuvaa lyhyesti alt-tekstissä ja tarjoa tarvittaessa täydellisempi selite sivulla tai linkitettynä erikseen
- Toiminnalliset kuvat (kuvalinkit, painikkeet, kuva-alueet) tulee selkeästi kertoa, mihin ne vievät tai mitä toimintoa ne suorittavat
- Konteksti on tärkeä: kirjoita lyhyt kuvaus, joka tuo esiin kuvan tärkeät visuaaliset ominaisuudet ja merkityksen.
Koristekuvat
Kuvat, jotka eivät ole tarpeellisia sisällön ymmärtämiseen tai käyttöön, ovat koristeellisia. Koristekuvat tulisi merkitä koristeellisiksi, muuten näytönlukuohjelmat yrittävät arvata kuvauksen ja saattavat lukea esimerkiksi pitkän tiedostonimen ääneen, kuten “hero-image_293_version_953”.
Alt-tekstin valinta kontekstin mukaan
Alt-tekstin sisältö riippuu kuvan ympäröivästä kontekstista. Hyvä alt-teksti antaa käyttäjälle tarvittavan tiedon, miksi kuva on mukana.
- Ympäröivä teksti: “Koulun piha on suunniteltu turvalliseksi myös iltaisin. Hyvin valaistu kulkuväylä tekee alueesta houkuttelevan ja turvallisen oppilaille ja henkilökunnalle.”
- Alt-teksti: “Punatiilinen koulurakennus, jonka suuret ikkunat ja pihan valaisimet luovat kirkkaan valaistuksen kivetetylle kulkuväylälle.”
Esimerkkejä linkkien ja painikkeiden alt-tekstistä:
- Linkit ja toiminnalliset kuvat tulee kuvata niin, että käyttäjä ymmärtää, mihin ne vievät tai mitä toimintoa ne suorittavat.