Hvad er alternativ tekst?
Alternativ tekst — på engelsk alt text — er en tekstbeskrivelse tilknyttet et billede i HTML via alt-attributten på <img>-elementet. Skærmlæsere læser alt-teksten op i stedet for billedet, og den vises i browseren, hvis billedet ikke kan indlæses. For brugere der ikke kan se billedet, er alt-teksten den eneste adgang til billedets indhold.
WCAG 2.1 succeskriterie 1.1.1 (Ikke-tekstligt indhold, Niveau A) kræver, at alt ikke-tekstligt indhold — billeder, ikoner, grafer, diagrammer og kaptchaer — har et tekstalternativ, der formidler det samme formål eller den samme information som det visuelle element. Kriteriet er placeret på Niveau A, hvilket vil sige, at det udgør et absolut minimum: uden det er et websted reelt utilgængeligt for blinde brugere og brugere af skærmlæsere.
Succeskriterie 1.1.1 er konsekvent én af de hyppigst overtrådte krav i Digitaliseringsstyrelsens tilsynsrapporter — ikke fordi teknikken er kompliceret, men fordi vurderingen af, hvad alt-teksten skal sige, kræver indsats og faglig forståelse.
Dekorative billeder: Hvornår er alt-tekst forkert?
Ikke alle billeder behøver en alt-tekst — og det er en vigtig pointe. WCAG 1.1.1 skelner imellem fire billedtyper med hvert sit krav:
- Informative billeder: Billeder der formidler information, som ikke fremgår af den omgivende tekst. Disse skal have en beskrivende alt-tekst der dækker indholdet.
- Funktionelle billeder: Billeder der fungerer som links eller knapper — f.eks. et forstørrelsesglasikon på en søgeknap. Alt-teksten skal beskrive funktionen, ikke udseendet:
alt="Søg"frem foralt="Forstørrelsesglasikon". - Dekorative billeder: Billeder der udelukkende er visuelle og ikke tilføjer information, der ikke allerede er til stede i teksten. Her sættes
alt-attributten til en tom streng (alt=""), så skærmlæseren springer billedet over uden at nævne det. - Komplekse billeder: Grafer, diagrammer og infografikker med kompleks information kræver en kort alt-tekst og sædvanligvis en mere uddybende tekstbeskrivelse på siden — enten som en figurtekst eller i brødteksten.
Den mest udbredte fejl er ikke manglende alt-tekst, men forkert klassificering: dekorative billeder der alligevel tildeles en tekst og dermed skaber unødig støj for skærmlæserbrugere, eller informative billeder der behandles som dekorative og dermed udelades helt.
Kontekst bestemmer indhold
Det samme billede kan kræve vidt forskellig alt-tekst — afhængigt af den sammenhæng det optræder i. Et fotografi af en person bag en computer kan i én sammenhæng illustrere en artikel om hjemmearbejdspladser og med rette behandles som dekorativt med alt="". I en anden sammenhæng — som profilbillede for en navngiven medarbejder — kræver det en alt-tekst som alt="Sofie Andersen, webtilgængeligheds-konsulent".
Spørgsmålet der altid bør stilles: Hvad mister en bruger, der ikke kan se dette billede? Mister vedkommende information, der ikke fremgår andetsteds på siden, er alt-tekst påkrævet. Er billedet blot visuelt understøttende for tekst der allerede siger det samme, kan det behandles som dekorativt.
Principper for god alt-tekst
En god alt-tekst er specifik, kortfattet og formidler billedets formål — ikke dets rent visuelle egenskaber. De vigtigste principper:
Beskriv formålet, ikke udseendet. For et diagram der viser, at 73% af offentlige websteder i en undersøgelse ikke opfyldte WCAG 2.1 AA, er alt="Søjlediagram med blå og grå søjler" ubrugelig. En meningsfuld alt-tekst er: alt="Søjlediagram: 73% af de undersøgte offentlige websteder overholdt ikke WCAG 2.1 AA. Kilde: Digitaliseringsstyrelsens tilsynsrapport 2023." Kan statistikken ikke rummes kortfattet, hører den i brødteksten — og alt-teksten kan da nøjes med at angive, hvad diagrammet viser og henvise dertil.
Undgå redundante præfikser. Alt-tekster bør ikke begynde med “Billede af…”, “Foto af…” eller “Grafik der viser…”. Skærmlæseren annoncerer allerede elementtypen. Start direkte med indholdet.
Hold det kortfattet. En alt-tekst bør typisk ikke overstige 100–150 tegn for simple billeder. Er informationen mere kompleks, hører den i en figurtekst eller i brødteksten — ikke i alt-teksten alene.
Gentag ikke den omgivende tekst. Hvis billedets indhold allerede fremgår tydeligt af teksten umiddelbart ved siden af, behandles billedet som dekorativt med alt="". Gentagelse skaber støj og forlænger navigationen for skærmlæserbrugere unødvendigt.
Funktionelle billeder beskrives ved deres handling. En knap med et downloadikon skal have alt="Download rapport", ikke alt="Downloadpil". Spørgsmålet er: hvad sker der, når brugeren aktiverer elementet?
Typiske faldgruber
Automatiserede tilgængeligheds-scanninger med WAVE eller axe DevTools kan hurtigt identificere billeder helt uden alt-attribut — men de kan ikke vurdere, om en eksisterende alt-tekst er meningsfuld. Det kræver manuel gennemgang. De mest udbredte problemer er:
Filnavne som alt-tekst. Mange CMS-systemer og konverteringsværktøjer indsætter automatisk filnavnet: alt="IMG_4872.jpg" eller alt="aarsrapport-2024-final-v3.png". Det er ingen reel hjælp for skærmlæserbrugeren og opfylder ikke kravet i WCAG 1.1.1.
Generiske tekster uden kontekst. alt="Billede", alt="Foto" eller alt="Grafik" er teknisk set til stede, men kommunikerer ikke noget nyttigt. Det samme gælder billedlinks med alt="Klik her" eller alt="Læs mere" — en skærmlæserbruger der navigerer via links, hører en liste af identiske anvisninger uden at vide, hvad de peger på.
Alt-tekst der gentager sidens overskrift. På sider med et dekorativt herobilede ved siden af en overskrift, indsættes overskriften ofte som alt-tekst på billedet. Det giver en dobbeltoplevelse for skærmlæserbrugeren, der hører overskriften to gange i direkte forlængelse af hinanden.
Dekorative billeder med alt-tekst. Illustrationer, baggrundsmønstre og rene layoutelementer bør have alt="". Tildeles de en alt-tekst alligevel, skaber det unødig forsinkelse og støj i navigationen.
CAPTCHA uden alternativ. CAPTCHA-billeder er et særtilfælde under WCAG 1.1.1: da formålet er at skelne mennesker fra automater, kan den korrekte løsning ikke angives i alt-teksten. Standarden kræver et alternativt format — f.eks. en lydbaseret CAPTCHA eller en matematisk opgave — så brugere der ikke kan se billedet, stadig kan gennemføre handlingen.
Alt-tekst i PDF-dokumenter
PDF-dokumenter stiller de samme grundlæggende krav til billedbeskrivelse som HTML — men implementeringen er anderledes. I et PDF/UA-kompatibelt dokument skal billeder enten have en alternativ tekst angivet i dokumentets tag-struktur via <Figure>-tagget, eller markeres som artefakter hvis de er dekorative.
I praksis udelades alt-tekster hyppigt i PDF-dokumenter — særligt i dokumenter eksporteret fra Word eller InDesign uden omhyggelig gennemgang af tilgængeligheds-indstillingerne. Et dokument oprettet med korrekte overskriftstile og eksporteret med “Dokumentstruktur-tags for tilgængelighed” i Word vil typisk mangle alt-tekster på billeder, medmindre de er tilføjet manuelt i Word-dokumentet via feltet “Alternativ tekst” i billedindstillingerne.
Scannede PDF-dokumenter er et særtilfælde: her behandles hele siden som et billedlag, og OCR-tekstgenkendelse løser ikke behovet for individuelle billedbeskrivelser. Konverteres en scannet PDF til HTML, fremgår det i outputtet, hvilke billedelementer der mangler alt-tekst — og WCAG-valideringen markerer dem som advarsler, der kan rettes inden publicering. Se i øvrigt artiklerne om PDF/UA-standarden og PDF til HTML for mere om tilgængeligheds-krav til dokumentformater.
Tjekliste: Alternativ tekst
Brug denne tjekliste ved gennemgang af billeder på dit websted eller i dine dokumenter:
- Alle informative billeder har en beskrivende alt-tekst der formidler billedets formål — ikke dets udseende (WCAG 1.1.1)
- Dekorative billeder har
alt=""— en eksplicit tom attribut, ikke en udeladet attribut - Filnavne, “Billede af” og “Foto af” forekommer ikke i alt-tekster
- Funktionelle billeder (ikoner i links og knapper) beskriver handlingen, ikke elementet
- Komplekse billeder (grafer, diagrammer, infografikker) har en kort alt-tekst og en uddybende tekstbeskrivelse
- Billedlinks har en alt-tekst der beskriver destinationen eller handlingen
- CAPTCHA-billeder har et tilgængeligt alternativ
- Alt-tekster gentager ikke tekst der allerede fremgår af den omgivende indhold