Alttekstit

Alttekstit ovat kuvien kuvailevia tekstivastineita, joita käytetään HTML-koodissa img-tagin alt-attribuutin avulla. Ne mahdollistavat kuvan sisällön tai tarkoituksen ymmärtämisen ruudunlukijoiden avulla sekä varmistavat, että kuva näkyy myös silloin, kun kuvaa ei lataudu tai verkkoyhteys on heikko.

Alt-teksti tulisi kuvailla kuvan olennaista sisältöä tai sen tehtävää lyhyesti ja informatiivisesti. Yleensä kannattaa välttää sanontoja kuten “Kuva” tai “Kuva 1” ja kertoa sen sijaan, mitä kuvassa on tai mitä toiminto kuvan kautta on tarkoitettu. Jos kuva on pelkästään koristeellista, alt-tunniste asetetaan tyhjäksi (alt="").

Monimutkaisissa kuvissa, kuten kaavioissa tai karttakuvissa, pelkkä lyhyt kuvaus ei usein riitä. Tällöin kannattaa tarjota pidempi kuvaus tekstinä lähellä kuvaa tai käyttää figcaptionia ja/tai lisätietoon johtavaa linkkiä. Kuvaan liittyvien mittasuhteiden tai datan avaaminen tekstinä parantaa saavutettavuutta.

Alttekstit ovat keskeinen osa verkkosivujen saavutettavuutta. HTML5-standardin mukaan alt-attribuutti on ensisijainen keino välittää kuvan sisältö. WCAG-ohjeistukset suosittelevat merkityksellisten kuvausten antamista sekä koristeellisten kuvien tyhjää alt-arvoa. Hyvä alt-teksti voi myös tukea sivujen hakukoneoptimointia ja auttaa käyttäjiä ymmärtämään sivun kokonaisuutta ilman visuaalista sisältöä.