En illustration af en bunke fotos med en tekstboks ved siden af, som repræsenterer alternativ tekst.

Vigtigheden af velskrevet alt-tekst til billeder

Indsendt af: GrackleDocs den 27. april 2023

Fra internettets spæde start har billeder spillet en stor rolle for, hvordan vi oplever hjemmesider. For mennesker med synstab findes der en erstatning i form af alternativ tekst (alt-tekst). Alt-attributten er et middel til at formidle information og kontekst for et givet billede. At skrive tilgængelig alt-tekst er ikke så let for seende brugere. De har en tendens til at gøre det indlysende og beskrive, hvordan billedet ser ud.

Så hvordan ser en god alt-tekst ud? Før jeg fortsætter, vil jeg gerne påpege forskellen mellem en tom og en fraværende ALT-attribut.

Der er situationer, hvor en tom alt-attribut er helt acceptabel. Et eksempel er, når et billede ikke er en del af et link eller primært er af dekorativ karakter. Billeder, der ikke har en alt-attribut, er aldrig acceptable. Indtil videre skal du huske, at alle billeder skal have en alt-attribut, også selvom den er tom.

Så hvad sker der, når der er et tomt alt-tag? Afhængigt af softwaren meddeler nogle “blank”, hvilket ikke er nyttigt for brugerne. Andre læser billedets filnavn op. Forestil dig et billede med navnet “img_215465465.jpg”. Forestil dig nu, at en skærmlæser læser det højt. Det er ikke så godt, vel?

Her er et par tips til at hjælpe dig med at skrive tilgængelig alt-tekst.

  • Gode alt-tekster formidler altid kontekst. Konteksten giver yderligere information ud over at beskrive, hvordan billedet ser ud. Den bidrager til forståelsen af indholdet, og hvad det repræsenterer.
  • Hvis billedet er rent dekorativt, skal du give billedet en null alt-tekst.
  • Vær præcis og kortfattet. Du behøver ikke at skrive en kort roman. Et par sætninger, der præsenterer billedets funktion eller indhold, er nok.
  • Brug ikke sætninger som “grafikken er” eller “et billede af”. Det er allerede klart for brugeren, at der er et billede.
  • Undgå overflødighed. Lad være med at gentage de samme oplysninger ordret fra den tekst, der omgiver billedet.
  • Hvis billedet indeholder tekst, der hjælper læseren med at forstå, skal det indeholde et alt-tag med beskrivende tekst.

Det kan være svært at tilføje god alt-tekst, når man ikke forstår sin målgruppe. Men med lidt øvelse og ved at følge disse tips kan vi gøre webindhold mere tilgængeligt.

Tilbage til toppen

Du er måske også interesseret i:

  • At forme fremtiden: Den stigende konsolidering i branchen for digital tilgængelighed

    Posted in Digital tilgængelighed, Handicapbevidsthed, Dokumenttilgængelighed, Nyheder, Partnerskaber, Webtilgængelighed on januar 4, 2024

    Branchen for digital tilgængelighed er klar til en betydelig konsolidering i de kommende år. Denne tendens er drevet af stigende bevidsthed om vigtigheden af tilgængelighed, teknologiske fremskridt og lovgivningsmæssigt pres....

    Læs indlægEn illustration af et søjlediagram med tre søjler, hvor den tredje søjle er en pil, der peger opad. Ved siden af er der et symbol for universel tilgængelighed.
  • At vokse op med udiagnosticeret autisme: En personlig rejse

    Posted in Handicapbevidsthed on juni 20, 2023

    Introduktion: Hvad er autisme? Autisme er en neurologisk tilstand, der påvirker den måde, en person interagerer med verden omkring sig på. Den kaldes også ASD (autismespektrumforstyrrelse) eller...

    Læs indlægEn illustration af et hjerte som et puslespil med fire forskelligfarvede brikker, der samles for at gøre det komplet.
  • Skam dig, guvernør DeSantis

    Posted in Digital tilgængelighed, Handicapbevidsthed on maj 16, 2023

    I går underskrev Floridas guvernør Ron DeSantis (R) et lovforslag, der ville forhindre colleges og universiteter i Florida i at bruge penge på programmer for mangfoldighed, lighed og inklusion (DE&I) og samtidig begrænse, hvordan race...

    Læs indlægEn illustration med retfærdighedens vægtskål og staten Florida.