alttekstiä

Alttekstiä, usein kirjoitettuna alt-tekstinä, tarkoittaa kuvan tai muun ei-tekstuaalisen sisällön kuvailua tekstimuodossa. HTML:ssä tätä kuvailua käytetään img-elementin alt-attribuutin sisällönä. Altteksti tarjoaa vaihtoehtoisen kuvauksen niille, jotka eivät näe kuvia tai joille kuva ei lataudu.

Sen tarkoituksena on parantaa saavutettavuutta, erityisesti näkövammaisten käyttäjien kokemusta, sekä tarjota sisältöä silloin, kun kuva ei lataudu. Altteksti voi myös tukea hakukoneiden indeksointia antamalla kontekstia kuvalle.

Käytännön ohjeet: Jos kuva on pelkkä koristeellinen, alt-arvo voidaan jättää tyhjäksi (alt=''). Informatiivisessa kuvassa aloita lyhyellä kuvauksella siitä, mitä kuva esittää tai mitä se ilmaisee. Esimerkki: alt='Kaksi koiraa leikkii niityllä'.

Monimutkaisissa kuvissa, kuten kaavioissa, alt-teksti voi olla pidempi ja tiivistää tärkeät tiedot. Jos kuva sisältää paljon yksityiskohtia, tärkeintä on välittää oleellinen sanoma; pidempi kuvaus voidaan sijoittaa tekstiin viereen tai tarjota linkki kattavampaan kuvailuun, koska HTML5 ei suosittele longdescin yleiskäyttöä.

Kieli: alt-teksti kirjoitetaan kuvan sivun kielellä. Vältä sanallisia aloituksia kuten "Kuva" tai "Kuvassa on", sillä ruudunlukijat kertovat kuvan olemassaolon. Käytä sen sijaan kuvausta toiminnosta tai sisällöstä, esimerkiksi "Lähetä lomake" nappin alt-teksti.

Yhteenveto: Altteksti on keskeinen osa saavutettavaa verkkosisältöä. Oikein kirjoitettuna se parantaa ymmärrettävyyttä, tukee käyttäjien tarpeita ja auttaa sivujen löydettävyyttä.