Ikke-tekstlig innhold på en nettside kan være alt fra illustrasjonsbilder, forklarende bilder og grafikk. Benytter du kun bilder og illustrasjoner for å understreke poenger på nettside, risikerer du å utestenge en del brukere. Kravet går ut på at alt av det ikke-tekstlige innholdet skal ha en form for markering som gjør det mulig for de som har problemer med å tolke bildene, ikke skal gå glipp av viktig informasjon.
Alternativ bildetekst
Innholdet og motivet i bildet eller illustrasjonen skal formidles korrekt til alle brukere. Hvis bildet er lenket, skal lenkens mål komme tydelig frem. Dette formidler du ved å bruke den alternative lenketeksten (alt-tekst). Alle bilder (med eller uten lenker) skal ha en alt-tekst som beskriver bildets motiv. Den alternative teksten må ikke forveksles med bildeteksten, som skal formidle formålet med bildet. Alt-tekstens formål er å beskrive bildets motiv.
Kodeeksempel
Anbefalt HTML5-kode for bildetekst:
<img src="krasj.png" alt="Fire personer satt i bilen. Ingen ble skadet.">
Alle bilder i HTML skal ha en alt-attributt. Publiseringsverktøyet ditt skal sørge for at alle bilder blir utstyrt med dette.
Også dekorative bilder skal ha alt-attributt, men den skal være tom.
Kodeeksempel
Kode for tom alt-tekst:
<img src="sep.gif" alt="">