altattribuutilla

Alt-attribuutti (alt-teksti) on HTML:n img-elementin attribuutti, joka tarjoaa tekstitoteen kuvan sisällöstä tai käyttötarkoituksesta. Tekstin tehtävä on palvella käyttäjiä, joilta kuvat on estetty tai jotka eivät näe kuvia, sekä toimia kuvan latausvirheen varalta. Alt-teksti antaa kontekstin kuvasta myös ruudunlukijoille ja osana verkkosivun saavutettavuutta.

Esimerkki: <img src="images/kukka.jpg" alt="Punainen kukka maljakossa" />. Kuvailtaessa kuvan sisältö, alt-teksti tulisi tiivistää sisällön ja/tai funktion. Koristekuvat kannattaa merkitä tyhjällä alt-tekstillä: <img src="images/ornament.jpg" alt="" />.

Paras käytäntö on kirjoittaa kuvaus, joka tiivistää kuvan sisällön ja merkityksen sivun kontekstissa. Vältä aloitusta sanalla Kuva:, sillä ruudunlukijat antavat sen muutenkin. Pidä alt-teksti lyhyenä ja informatiivisena; tavallinen suositus on, että se mahtuu yhdelle lauseelle tai noin 125 merkkiin, ja se on lokalisoitu kieleen, jolla sivu on kirjoitettu.

Saavutettavuus ja hakukoneoptimointi: Alt-teksti parantaa saavutettavuutta ja antaa hakukoneille kontekstin kuvan sisällöstä. Hyvin kirjoitettu alt-teksti auttaa kuvan indeksointia ja voi tukea sivun kokonaisuutta responsiivisissa tai heikkotehoisissa käyttötilanteissa.

Yhteenveto: Alt-attribuutti on olennainen osa verkkosisältöä. Sen asianmukainen käyttö tukee sekä visuaalisesti rajoittuneita käyttäjiä että sivuston käytettävyyttä ja löydettävyyttä.