Altattribuuttina

Altattribuuttina viittaa HTML:n img-elementin alt-attribuuttiin, jonka arvo on vaihtoehtoinen teksti kuvalle. Tämä teksti kuvaa kuvan sisällön tai tarkoituksen, ja se näytetään käyttäjille, kun kuvaa ei latau tai kun käyttäjä käyttää ruudunlukuohjelmaa.

Pääfunktio on saavutettavuus: ruudunlukijat lukevat alt-tekstin kuvan tilalle ja antavat visuaalisesti näkemis-esteettömille käyttäjille tiedon siitä, mitä kuva sisältää. Alt-teksti auttaa myös tilanteissa, joissa kuvaa ei voi näyttää, esimerkiksi hidastetun yhteyden tai virheellisen lähdekoodin vuoksi. Lisäksi hakukoneet käyttävät alt-tekstiä ymmärtääkseen kuvan sisällön, mikä voi vaikuttaa sivun kontekstuaaliseen löytyvyyteen.

Paras käytäntö on kuvata kuvan sisältö lyhyesti ja kuvaavasti. Jos kuva on olennainen informaation lähde, alt-teksti saa kertoa olennainen sisältö. Vältä esimerkiksi pelkkiä yleiskuvauksia kuten “kuva” tai “image”. Jos kuva on koristeellinen eikä sisällä olennaista tietoa, alt-attribuutin voi asettaa tyhjäksi, alt="", jolloin kuvan merkitys ohitetaan ruudunlukijoissa. Esimerkki: <img src="logo.png" alt="Esimerkki Oy:n logo">. Toisessa tapauksessa, jossa kuva on koristeellinen: <img src="decor.png" alt="">.

Sovelluksena altattribuutti tukee sekä saavutettavuutta että käyttäjäkokemusta. Sen ylläpito kontekstin mukaan ja oikea kieli sekä kohdeyleisö huomioiden ovat suositeltavia käytäntöjä. Alt-attribuutti ei korvaa muita kuvatekstejä, mutta se täydentää niitä tuomalla olennaisen tiedon myös ilman visuaalista esitystä.