altattribuutti

Altattribuutti, eli alt-attribuutti, on HTML:n img-elementtiin liittyvä ominaisuus, jonka tarkoituksena on tarjota vaihtoehtoinen teksti kuvan sisällöstä. Altattribuutti kuvaa kuvan tarkoituksen tai sisällön, ja sitä käytetään erityisesti silloin kun kuvaa ei näytetä tai kun käyttäjä käyttää apuvälineitä, kuten ruudunlukijaa.

Käyttö ja syntaksi ovat yksinkertaisia: img-tagissa on oltava src-tekijä kuvan sijainnille ja alt-tekijä, jossa kuvaillaan kuvaa. Esimerkki: <img src="kukka.jpg" alt="Kaksi punaista roosia pöydällä">. Jos kuva on visuaalisesti koristeellinen eikä siirrä olennaista tietoa, alt-attribuutin arvoksi asetetaan tyhjä merkkijono, eli alt="". Tämä käsitys ilmoittaa apuvälineille, ettei kuvalle ole tarpeellista tulkittavaa sisältöä.

Esteettömyys ja käyttö: alt-tekstin tulee olla lyhyt mutta kuvaileva, ja sen tulisi välittää kuvan tärkeä merkitys tai toiminnallinen tehtävä. Älä aloita kuvauksella esimerkiksi "Kuva of" vaan keskity kuvan sisältöön. Mikäli kuva toimii linkkinä tai napin kaltaisena kontrollina, alt-tekstin tulisi kuvata toiminto (esim. "Avaa tuotekuva").

YLäisiin ohjeisiin kuuluu, että alt-teksti on sivun kielellä ja että tilannesidonnaisesti käytetään sopivaa, ajantasaista kuvausta. Altattribuutti on keskeinen osa verkkosisältöjen saavutettavuutta sekä hakukoneoptimointia.