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

Vigtigheden af velskrevet alt-tekst til billeder

Skrevet af: GrackleDocs den 27. april 2023

Lige fra internettets begyndelse 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-text). Alt-attributten er et middel til at formidle information og kontekst for et givent 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 vil nogle annoncere "blank", hvilket ikke er nyttigt for brugerne. Andre vil læse billedets filnavn op. Forestil dig et billede med navnet "img_215465465.jpg". Forestil dig nu en skærmlæser, der læser det højt. Det er ikke så godt, vel?

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

  • Gode alt-tekster formidler altid kontekst. Kontekst 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, så giv 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 tilstrækkeligt.
  • Brug ikke sætninger som "grafikken er" eller "et billede af". Det er allerede tydeligt for brugeren, at der er et billede.
  • Undgå redundans. Gentag ikke den samme information ordret fra den tekst, der omgiver billedet.
  • Hvis billedet indeholder tekst, der hjælper læseren med at forstå det, 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 sit publikum. Men med ø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:

  • Forkortelser og tilgængelighed

    Posted in Digital tilgængelighed on april 25, 2023

    World Wide Web Consortium's (W3C) Web Content Accessibility Guidelines (WCAG) har et specifikt AAA-niveau succeskriterium for testere, 3.1.4 Forkortelser. For at bestå dette kriterium skal alle forkortelser på en webside...

    Læs indlægEn illustration af to chatbobler, den ene med bogstaverne F Y I og den anden tom. Ved siden af dem er symbolet for universel tilgængelighed.
  • Fremme af inklusion med Google Workspaces tilgængelighedsværktøjer

    Posted in Nyheder on juni 20, 2023

    I vores stadig mere digitale verden betyder det at fremme inklusion at sikre, at alle har adgang til og effektivt kan bruge digitale værktøjer og ressourcer. Google Workspace har gjort store fremskridt med at...

    Læs indlægBlåhovedet grakefugl står ved siden af vand
  • Digital tilgængelighed: Det universelle sprog, der bygger bro mellem verdener

    Posted in Digital tilgængelighed on september 6, 2023

    I en tid domineret af den hurtige digitalisering af næsten alle aspekter af vores liv, har begrebet "globalt sprog" fået en ny betydning. Ud over grænserne for det talte...

    Læs indlægEn illustration af en bro med det universelle tilgængelighedssymbol over den.