Gode alternative tekster: Sådan skriver du dem for skærmlæserbrugere
Gode alternative tekster: Sådan skriver du dem for skærmlæserbrugere
Alternative tekster – ofte kaldet alt-tekster – er små tekstbeskrivelser, der fortæller, hvad et billede viser. De er usynlige for de fleste, men uundværlige for brugere, der benytter skærmlæsere. En god alt-tekst gør det muligt for alle at forstå indholdet på en side, uanset om de kan se billedet eller ej. Her får du en guide til, hvordan du skriver alt-tekster, der både er præcise, hjælpsomme og inkluderende.
Hvorfor alt-tekster er vigtige
Alt-tekster har to hovedformål: tilgængelighed og kontekst. For personer med synsnedsættelse er de en forudsætning for at kunne navigere og forstå indholdet. Skærmlæseren læser teksten højt, så brugeren får samme information som seende.
Samtidig hjælper alt-tekster søgemaskiner med at forstå, hvad billeder handler om. Det kan forbedre sidens SEO og gøre indholdet lettere at finde. Men først og fremmest handler det om at skabe et web, hvor alle kan deltage på lige vilkår.
Hvad en god alt-tekst skal indeholde
En god alt-tekst beskriver billedets formål – ikke bare, hvad der er på det. Det betyder, at du skal tænke over, hvorfor billedet er der, og hvilken information det skal give.
- Beskriv det væsentlige. Hvad skal brugeren vide for at forstå indholdet?
- Vær kortfattet. En alt-tekst bør som regel være under 125 tegn.
- Undgå overflødige ord. Du behøver ikke skrive “billede af” – skærmlæseren fortæller allerede, at der er tale om et billede.
- Skriv naturligt. Brug almindeligt sprog, som passer til sidens tone.
Eksempel: Et billede af en person, der arbejder ved en computer, kan beskrives som “Kvinde skriver på laptop ved et lyst kontorbord” – ikke bare “Kvinde” eller “Kontor”.
Læs også:
Når du ikke skal bruge alt-tekst
Ikke alle billeder behøver en alt-tekst. Hvis et billede kun er dekorativt – for eksempel et mønster, en baggrund eller et ikon uden informativ betydning – bør du lade alt-attributten stå tom: alt="". Det fortæller skærmlæseren, at billedet kan springes over.
Det er vigtigt, fordi unødvendige beskrivelser kan forstyrre brugerens oplevelse. En side med mange dekorative billeder kan hurtigt blive tung at navigere i, hvis alt-teksterne ikke er relevante.
Sådan håndterer du komplekse billeder
Nogle billeder indeholder mere information, end en kort alt-tekst kan rumme – for eksempel grafer, infografikker eller kort. Her kan du kombinere en kort alt-tekst med en længere beskrivelse i brødteksten eller som en separat tekst under billedet.
Eksempel: Alt-tekst: “Søjlediagram over energiforbrug i danske husstande 2010–2020” Supplerende tekst: “Diagrammet viser, at elforbruget er steget med 15 %, mens varmeforbruget er faldet med 10 % i perioden.”
På den måde får brugeren både overblik og detaljer uden at blive overvældet.
Test dine alt-tekster
Den bedste måde at vurdere en alt-tekst på er at teste den. Prøv at få en kollega til at læse siden med skærmlæser – eller luk øjnene og få teksten læst op for dig selv. Spørg:
- Forstår jeg, hvad billedet viser?
- Giver teksten mening i sammenhængen?
- Er der noget, der virker overflødigt eller for teknisk?
Små justeringer kan gøre en stor forskel for brugervenligheden.
Gør alt-tekster til en fast del af din proces
Alt-tekster bør ikke være en eftertanke, men en naturlig del af arbejdet med billeder og indhold. Inkludér dem i dine redaktionelle retningslinjer, og sørg for, at alle, der uploader billeder, ved, hvordan de skal skrives.
Når du gør det til en vane at tænke tilgængelighed ind fra starten, bliver det både lettere og hurtigere – og du bidrager til et mere inkluderende internet.
Kort sagt
Gode alt-tekster handler ikke om at skrive meget, men om at skrive præcist. De skal give mening, være relevante og hjælpe brugeren med at forstå indholdet. Når du mestrer det, skaber du ikke bare bedre oplevelser for skærmlæserbrugere – du gør dit website mere brugervenligt for alle.
Læs også:
