Gi brukeren et tekstalternativ for innhold som ikke er tekst.

1.1.1 Ikke-tekstlig innhold (Nivå A)


Noen velger å bruke nettlesere med bilder skrudd av (som man kanskje gjør med for eksempel treg internetthastighet). Det må finnes faktiske alternativer til innholdet: alternativene må inneholde samme informasjon.

Hva å gjøre

- Legg til tekstalternativ (alttext) til alle bildenen dine
- Legg til tekstalternativ til audio og video (en oppsummering av innholdet)
- Legg til et navn på alle knapper (som 'Søk' og 'Send inn')

Tips

Alternativ (eller ‘alt’) tekst er en skriftlig erstatning for et bilde, ikke et tillegg til den. Dette betyr at teksten skal beskrive bildet og gi den samme informasjonen som bildet ville gjort hvis det ble sett. Dette er ikke alltid like lett, og folk er ikke alltid enige om hva den "samme" informasjonen er. Spør deg selv: hva formidler bildet?

Hvis bildet er din firmalogo, er firmaets navn en godt utfyllende. Hvis bildet er av tekst, kopierer du teksten nøyaktig. For alle andre bilder, beskriv bildet enkelt og kortfattet: vi trenger ikke å vite at det er et bilde av 17 387 trær hvis ordet ‘skog’ vil tjene samme formål.

Uansett hva du gjør, er alt-tekst ikke en mulighet for såkalt "keyword stuffing". Å legge til nøkkelord utenfor konteksten som alt-tekst er forferdelig for tilgjengelighet, det oppfyller ikke WCAG 2.0-retningslinjene og det kan til og med skade rangeringer av søkemotorer.

Unntak

Det er noen få typer bilder som ikke trenger alt-tekst: mellomrom, ikoner, rent dekorative bilder, tester og CAPTCHA-bilder.

Ikoner brukes vanligvis for å utfylle tekst, i stedet for å erstatte den, så det er ikke nødvendig å gjøre noe her. Kunder med skjermlesere vil uansett bare høre det samme to ganger, noe som er det motsatte av hva vi prøver å gjøre.
Mellomrom er bilder som brukes til polstring, ofte for enkel og ikke god koding. De brukes ofte for å bevare formatering og ikke presentere informasjon, så de trenger ikke alt-tekst.
Dekorative bilder er de som brukes bare fordi de ser fine ut. De har ingen informasjon eller bruker annet enn for sin estetikk.
Tester og CAPTCHAer som vil bli undergravet av tekstalternativer trenger ikke dem. Selv om du bruker CAPTCHA, kan du bruke en med et lydalternativ eller legge til kontaktinformasjonen et sted i nærheten for å hjelpe brukerne dine hvis de blir sittende fast.

I alle disse tilfellene bruker du "null" alt-tekst ved å bare forlate alt-teksten, men legg sitatene i:

<img src="location-of-image.jpg" alt="">

Skjermlesere vil deretter hoppe over bildet i stedet for å lese filnavnet eller prøve å erstatte en alt-tekst.