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ä.