Tekstivaihtoehdon

Tekstivaihtoehto, usein kutsuttu alt-tekstiksi, on kuvaileva teksti, joka liittyy kuviin tai muihin ei-tekstuaalisiin sisältöihin siten, että sisältö voidaan ymmärtää myös ilman näkyvää kuvaa. Tekstivaihtoehto palvelee erityisesti näkörajoitteisia käyttäjiä, mutta sitä voivat hyödyntää myös ne, joilla on teknisiä tai suorituskykyyn liittyviä syitä estää kuvien näkyminen. Erilaiset verkkosivustot ja sovellukset käyttävät alt-tekstiä kuvan sisällön tai toiminnon välittämiseen ruudunlukijoille.

Käyttötarkoitus on taata saavutettavuus: alt-teksti kuvaa kuvan tarkoituksen tai sisällön, jotta käyttäjä saa saman viestin kuin kuvasta muuten. Teksti auttaa myös hakukoneita ja voi parantaa käytettävyyttä tai yksinkertaisesti tarjota kontekstin silloin, kun kuvaa ei näytetä. Jos kuva on pelkästään koristeellinen, alt-teksti voidaan asettaa tyhjäksi (alt=""), jolloin ruudunlukija jättää sen huomiotta. Monimutkaisten grafiikoiden, kuten kaavioiden tai karttojen, yhteydessä voidaan tarjota pidempi kuvaus erillisen sivulle tai osioon.

Hyvät käytännöt: kirjoita selkeä, ydinsisältöä kuvaava teksti, joka välittää kuvan tarkoituksen. Vältä yksittäisten sanojen toistoa ja vältä kuten “kuva” tai “kuvassa on” -ilmaisujen liiallista käyttöä. Jos kuvan merkitys perustuu sisältöön sen sisällä, tärkeä tieto tulisi sisällyttää alt-tekstiin tai varmistaa, että kuvateksti täydentää sen. WCAG-yn mukaan ei-tekstuaaliselle sisällölle on tarjottava tekstuaalinen vaihtoehto.

Tekninen toteutus: HTML:ssa alt-teksti määritellään alt-attribuutissa, esimerkiksi <img src="..." alt="Kuvaus">. Dekoratiiviset kuvat voivat käyttää tyhjää alt-tekstiä. Monimutkaisemmille esityksille voidaan käyttää figcaptionia tai linkkiä pidempään kuvaukseen.