Mitä ovat kuvien alt-tekstit ja kuinka ne lisätään?
Kuvien alt-tekstit ja niiden lisääminen
Mikä on kuvien alt-teksti?
Kuvien alt-teksti on lyhyt kuvaus kuvasta, joka näkyy sivuston kävijöille, jos kuva ei lataudu tai jos kävijä käyttää lukusovellusta kuvan sijaan.
Miksi alt-tekstit ovat tärkeitä?
Alt-tekstit ovat tärkeitä saavutettavuuden kannalta, sillä ne auttavat näkövammaisia ja muita kävijöitä ymmärtämään kuvan sisällön. Lisäksi hakukoneet käyttävät alt-tekstejä ymmärtääkseen sivuston sisältöä ja parantaakseen hakutulosten tarkkuutta.
Kuinka lisätä alt-tekstit?
Alt-tekstit lisätään kuvatageihin HTML:ssä seuraavalla tavalla:
<img src="kuva.jpg" alt="Kuvan kuvaus">
Muut vinkit alt-tekstien käyttöön:
- Kuvan alt-tekstin tulisi olla selkeä ja kuvaava, mutta myös lyhyt ja ytimekäs.
- Vältä turhia avainsanoja alt-tekstissä. Sen tulisi kuvata kuvan sisältöä mahdollisimman tarkasti.
- Muista lisätä alt-tekstit myös taustakuvien ja muiden sisällön kannalta olennaisten kuvien kohdalle.
Yllä olevilla ohjeilla voit varmistaa, että sivustosi kuvat ovat saavutettavia kaikille kävijöille ja että ne tukevat sivuston hakukonenäkyvyyttä.