En illustrasjon av en haug med bilder med en tekstboks ved siden av som representerer alternativ tekst.

Viktigheten av velskrevet alt-tekst til bilder

Skrevet av: GrackleDocs 27. april 2023

Helt siden internett ble lansert, har bilder spilt en viktig rolle i hvordan vi opplever nettsteder. For personer med synstap finnes det en erstatning i form av alternativ tekst (alt-tekst). Alt-attributtet er et middel til å formidle informasjonen og konteksten til et gitt bilde. Det er ikke så lett for seende brukere å skrive tilgjengelig alt-tekst. De har en tendens til å gjøre det åpenbare og beskrive hvordan bildet ser ut.

Så hvordan ser en god alt-tekst ut? Før jeg fortsetter, vil jeg påpeke forskjellen mellom en tom og en fraværende ALT-attributt.

Det finnes situasjoner der et tomt alt-attributt er helt akseptabelt. Et eksempel er når et bilde ikke er en del av en lenke eller primært er av dekorativ karakter. Bilder som ikke har noe alt-attributt, er aldri akseptable. Inntil videre bør du huske på at alle bilder må ha et alt-attributt, selv om det er tomt.

So, what happens when there is an empty alt tag? Depending on the software, some announce “blank,” which isn’t helpful for users. Others will read out the filename of the image. Imagine an image named “img_215465465.jpg”. Now imagine a skjermleser reading that out loud. Not great, is it?

Her er noen tips som kan hjelpe deg med å skrive tilgjengelig alt-tekst.

  • Gode alt-tekster formidler alltid kontekst. Konteksten gir mer informasjon enn å beskrive hvordan bildet ser ut. Den bidrar til forståelsen av innholdet og hva det representerer.
  • Hvis bildet er rent dekorativt, kan du gi bildet en null alt-tekst.
  • Vær nøyaktig og kortfattet. Du trenger ikke å skrive en kort roman. Det holder med noen få setninger som presenterer bildets funksjon eller innhold.
  • Ikke bruk uttrykk som "grafikken er" eller "et bilde av". Det er allerede klart for brukeren at det er et bilde der.
  • Unngå redundans. Ikke gjenta den samme informasjonen ordrett fra teksten som omgir bildet.
  • Hvis bildet inneholder tekst som hjelper leseren med å forstå det, må det inneholde en alt-tagg med beskrivende tekst.

Det kan være vanskelig å legge til god alt-tekst når du ikke forstår målgruppen din. Men med litt øvelse og ved å følge disse tipsene kan vi gjøre nettinnhold mer tilgjengelig.

Tilbake til toppen

Du kan også være interessert i:

  • Hvitt mellomrom, bilder og videoer: Verktøy for å hjelpe personer med dysleksi

    Posted in Digital tilgjengelighet, Bevissthet om funksjonshemming on mai 16, 2023

    For de fleste er det et rent estetisk valg hvordan en nettside er utformet, men for personer med dysleksi kan det være forskjellen mellom å forstå og ikke forstå. Jeg har...

    Les innleggEn illustrasjon av en lyseblå bakgrunn med en hvit boks i midten som er omkranset av en prikket kant.
  • Tech4Good-utmerkelser

    Posted in Nyheter on juni 24, 2021

    Vi er glade for å kunngjøre at Grackle er finalist i Tech4Good AwardsDu kan lese mer her: Kunngjøring av Tech4Good Awards

    Les innleggGrackle er finalist i tilgjengelighetsprisen
  • Visuell lesehjelp med iOS

    Posted in Digital tilgjengelighet, Bevissthet om funksjonshemming on februar 16, 2023

    Hei lesere, jeg heter Ryan, og jeg ble født med en sjelden genetisk øyesykdom. Dette fører blant annet til problemer med å lese liten skrift. Med hjelpemidler og...

    Les innleggEn illustrasjon av et nettbrett med et lydikon nederst i høyre hjørne.