Mitä on kuvien alt-teksti (image alt text)?

Mitä on kuvien alt-teksti (image alt text)?

Alt-tekstin tarkoitus

Alt-teksti tai kuvan alt-teksti on lyhyt kuvaus, joka liitetään kuvan HTML-koodiin. Sen tarkoitus on kertoa kuvan sisältö tai merkitys niille käyttäjille, jotka eivät pysty näkemään kuvaa esimerkiksi näkövamman vuoksi. Alt-teksti on siis tärkeä saavutettavuuden kannalta.

Miten alt-teksti lisätään?

Alt-teksti lisätään kuvan HTML-koodiin käyttämällä ”alt” attribuuttia. Esimerkiksi:
<img src="kuva.jpg" alt="Kuvaus kuvasta">

Hyvät käytännöt alt-tekstin käytössä

– Kuvan alt-tekstin tulee olla kuvaava ja riittävän informatiivinen
– Vältä turhia toistorakenteita alt-tekstissä
– Jos kuvassa on tekstiä, sisällytä se myös alt-tekstiin
– Jos kuva on linkki, alt-tekstin tulee kertoa kuvan toiminnosta tai määränpäästä

Miksi alt-teksti on tärkeä?

Saavutettavuus on tärkeä osa verkkosivustojen suunnittelua, ja kuvien alt-teksti on yksi tapa varmistaa, että kaikki käyttäjät voivat saada sisällön haltuunsa. Lisäksi hakukoneet käyttävät alt-tekstiä ymmärtääkseen kuvien sisältöä ja tehdäkseen relevanttia indeksointia.

Alt-teksti on siis pieni mutta tärkeä yksityiskohta verkkosivustojen suunnittelussa, jota ei kannata unohtaa!