alttekstin

Alttekstin eli alt-tekstin tarkoitus on kuvata kuvan sisältö tekstinä, jota ruudunlukuohjelmat ja muut apuvälineet voivat lukea. Alt-tekstia käytetään myös silloin, kun kuva ei lataudu tai kun käyttäjä on poistanut kuvien näyttämisen käytöstä. Alttekstin avulla sivun sisältö ja toiminnallisuus pysyvät saavutettavina kaikille käyttäjille sekä hakukoneille.

HTML:n kontekstissa alt-teksti lisätään kuvan kuvailevaan vaihtoehtoon img-elementin alt-attribuuttina. Esimerkki: <img src="kissa.jpg" alt="Vaalea kissa nojautuu ikkunalautaan auringonpaisteessa">. Jos kuva on pelkästään visuaalinen koriste-elementti, alt-teksti voidaan jättää tyhjäksi (alt=""), jolloin ruudunlukuohjelma ohittaa sen, eikä turhaa informaatiota toisteta.

Hyvä alt-teksti on lyhyt, täsmällinen ja kuvaa kuvan olennaisen sisällön tai sen tehtävän. Sen tulisi vastata kuvan kontekstia sivulla ja välittää sama viesti kuin itse kuva. Vältä yleisluontoisia ilmaisuja kuten “kuva” tai “tässä kuvassa” ja käytä konkreettisia sanoja. Jos kuvan sisältö on monimutkainen (esimerkiksi kaavio tai kartta), lyhyt alt-teksti voi riittää, mutta täyden tiedon voi tarjota erillisessä kuvauksessa esimerkiksi longdesc- tai figcaption-kontekstissa.

Lyhyet ohjeet: suunnittele alt-teksti sen mukaan, mitä kuvaa kertova tieto merkitsee sivun kontekstissa, ja varmista, että ihmiset, jotka eivät näe kuvaa, saavat saman ymmärryksen sivun sisällöstä.