altattribuuttiin

Alt-attribuutti on HTML-ominaisuus, joka antaa vaihtoehtoisen tekstin kuvalle. Sitä käytetään pääasiassa img-elementin yhteydessä, mutta ideana on tarjota kuvaileva teksti silloinkin, kun kuva ei lataudu tai sitä ei näe.

Tärkein tavoite on saavutettavuus: ruudunlukijat lukevat alt-tekstin ja välittävät kuvan sisällön näkörajoitteisille käyttäjille. Alt-teksti helpottaa myös sisällön ymmärtämistä hakukoneille ja voi parantaa sivun hakukoneoptimointia. Kun kuvan konteksti on sivulla muu kuin kuva, alt-teksti voi kertoa tämän kontekstin.

Käytäntöohjeita: jos kuva on informatiivinen, alt-tekstin tulisi tiivistää kuvan sisältö tai sen tarkoitus. Jos kuva on koristeellinen, alt-arvoksi asetetaan tyhjä merkkijono (''). Jos kuvassa on teksti, alt-tekstissä voidaan toistaa se tai kuvailla sen sisällön merkitys.

Esimerkki: <img src="talo.jpg" alt="Luminen talvimaisema ikkunasta katsottuna">.

Yhteenveto: alt-attribuutti on keskeinen keino varmistaa verkkosivujen saavutettavuus sekä säilyttää sisältöviesti silloin, kun kuvaa ei voi tai ei haluta näyttää.