Dette er en del av en artikkelserie som tar for seg alle AA punkter i WCAG 2.0.
For å se hele listen, klikk her.
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 du bør 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 pluss ordet "logo" et godt utfyllende alternativ. Hvis bildet er av tekst, kopierer du teksten nøyaktig, eller du beskriver hva budskapet i teksten er. 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.
Alternativ tekst på bilder er like viktig på sosiale medier som ellers på nett. De fleste store sosiale medie plattformer (som Facebook, Instagram, Linkedin) har gode alternativer og muligheter for å gjøre innholdet ditt tilgjengelig.
Hvordan legge til alternativ tekst på Instagram
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:
Skjermlesere vil deretter hoppe over bildet i stedet for å lese filnavnet eller prøve å erstatte en alt-tekst.
<img src="https://varsityheadwear.com/.../deep-violet-wool.jpg" alt=Varsity Headwear Violet Deep Wool caps side view"">