Alt-teksti (vaihtoehtoinen teksti) on lyhyt kuvaus, joka lisätään verkkosivun kuvan HTML-koodiin attribuuttina alt. Teksti näytetään kuvan sijasta, jos kuva ei jostain syystä lataudu, ja se luetaan ääneen ruudunlukijoita käyttäville näkövammaisille kävijöille. Alt-teksti on siis tärkeä sekä saavutettavuuden että hakukoneoptimoinnin kannalta.
Miksi alt-teksti on tärkeä?
- Parantaa verkkosivuston saavutettavuutta näkövammaisille ja ruudunlukijoita käyttäville kävijöille
- Näyttää kuvauksen kuvan paikalla, jos kuva ei lataudu
- Auttaa hakukoneita ymmärtämään kuvien sisällön, koska hakukoneet eivät voi "nähdä" kuvia
Miten lisätä alt-teksti?
Voit lisätä alt-tekstin kuvalle HTML-koodissa seuraavasti:
<img src="kuva.jpg" alt="Kuvaus kuvasta">Muista aina käyttää kuvaavaa ja informatiivista alt-tekstiä, joka kertoo lyhyesti, mitä kuvassa on – näin sivuston käyttäjät ja hakukoneet saavat mahdollisimman hyvän kokemuksen ja käsityksen kuvan sisällöstä.