En pragmatisk guide til alt-tekst for billeder i 2026

Hvorfor alt-tekst stadig er vigtig

Alt-tekst har været en del af HTML-specifikationen siden 1995. Tredive år senere har de fleste billeder på nettet stadig enten ingen alt-attribut eller alt-tekst, der lyder, som om den er skrevet af en person, der aldrig har brugt en skærmlæser.

Problemet er ikke længere manglende opmærksomhed. De fleste content management-systemer gør nu alt-feltet obligatorisk. Problemet er, at alt-tekst er blevet et afkrydsningsfelt for compliance i stedet for et kommunikationsværktøj. Folk skriver "billede af en smilende person", når den faktiske kontekst er "CEO annoncerer Q4-resultater."

Alt-tekst findes af én grund: at formidle et billedes formål til en person, der ikke kan se det. Det formål ændrer sig afhængigt af konteksten. Et foto af en kaffekop på en cafés forside har en anden funktion end det samme foto i et blogindlæg om keramiske glaseringsteknikker.

I 2026 har vi også AI-værktøjer, der kan generere alt-tekst automatisk. Disse værktøjer bliver bedre, men de forstår stadig ikke kontekst. De beskriver, hvad de ser, ikke hvorfor billedet er der.

Beslutningstræet: Har dette billede brug for alt-tekst?

Ikke alle billeder har brug for beskrivende alt-tekst. Nogle billeder er dekorative. Nogle er redundante. Nogle fungerer bedre med billedtekster eller omgivende tekst.

Her er beslutningsprocessen:

Formidler billedet information, som ikke er tilgængelig i den omgivende tekst? Hvis ja, har det brug for alt-tekst. Hvis nej, er det sandsynligvis dekorativt.

Ville en blind bruger gå glip af noget vigtigt, hvis dette billede forsvandt? Hvis ja, skriv alt-tekst. Hvis nej, brug en tom alt-attribut (alt="") for at bede skærmlæsere om at springe det over.

Er billedet et link eller en knap? Alt-teksten bliver linkteksten. Beskriv destinationen, ikke billedet. "Se prisplaner" er bedre end "pileikon."

Er billedet komplekst—et diagram, en graf eller en infografik? Alt-tekst har praktiske længdegrænser (omkring 125 tegn er behageligt for de fleste skærmlæsere). Komplekse billeder har brug for længere beskrivelser, enten i en billedtekst, i brødteksten eller via aria-describedby.

Hvordan god alt-tekst faktisk lyder

God alt-tekst er specifik, kortfattet og kontekstbevidst. Den besvarer spørgsmålet: Hvorfor er dette billede her?

Dårligt: "Billede af en graf"

Bedre: "Linjegraf, der viser 23 % stigning i mobiltrafik fra januar til marts 2026"

Dårligt: "En person, der bruger en laptop"

Bedre: "Designer gennemgår website-mockups i Figma"

Dårligt: "Klik her"

Bedre: "Download den fulde tjekliste til tilgængelighedsrevision (PDF)"

Bemærk, at god alt-tekst ofte indeholder tal, handlinger eller resultater. Den beskriver ikke hver eneste visuelle detalje. Den beskriver det, der betyder noget.

Til dekorative billeder—hero-baggrundsteksturer, ornamentale kanter, rent æstetiske illustrationer—brug alt="". Det er ikke dovenskab. Det er semantisk ærlighed. Skærmlæsere springer billedet helt over, hvilket er det, du ønsker.

Almindelige fejl, der spilder alles tid

At starte med "Billede af" eller "Foto af": Skærmlæsere annoncerer allerede, at det er et billede. Gå direkte til beskrivelsen.

Keyword stuffing for SEO: Alt-tekst er ikke et sted til at proppe "bedste økologiske kaffebønner Brooklyn artisan ristet" ind. Google billedsøgning har været god til at opdage dette i årevis. Skriv til mennesker.

At beskrive filnavnet: "IMG_3847.jpg" hjælper ingen. Det gør "hero-banner-final-v3" heller ikke.

At skrive en roman: Hvis din alt-tekst er længere end to sætninger, hører informationen sandsynligvis i en billedtekst eller i brødteksten i stedet.

At gentage nærliggende tekst: Hvis overskriften siger "Sådan bager du surdejsbrød", og billedet viser en person, der former dej, behøver alt-teksten ikke at gentage overskriften. Beskriv det, der er visuelt særligt: "Hænder folder surdejsdej på en meldrysset overflade."

Værktøjer og workflows, der faktisk hjælper

De fleste moderne CMS'er har nu indbyggede felter til alt-tekst. WordPress, Webflow, Contentful og Sanity viser alle alt-attributten tydeligt under upload. At feltet er synligt, betyder ikke, at det bliver udfyldt godt.

Hvis du auditerer et site for manglende eller dårlig alt-tekst, kan browserudvidelser som Accessibility Insights eller axe DevTools markere billeder uden alt-attributter. For et hurtigt manuelt tjek kan du slå billeder fra i din browser (Firefox og Chrome understøtter begge dette) og læse siden. Hvis alt-teksten giver mening i kontekst, klarer du dig fint.

AI-genereret alt-tekst—tilgængelig i værktøjer som Azure Computer Vision, Google Cloud Vision eller indbygget i platforme som Cloudflare Images—kan være et rimeligt udgangspunkt, især for store billedbiblioteker. Men behandl AI-alt-tekst som et første udkast. Den vil beskrive billedets indhold præcist, men den ved ikke, hvorfor billedet er på siden. En menneskelig redaktør skal stadig tilføje kontekst.

Hvis du arbejder på et site med tung billedbrug og vil fange performanceproblemer tidligt, kan værktøjer som Wux Webtools' Image Compressor hjælpe dig med at optimere filstørrelser før upload—for alt-tekst er kun nyttig, hvis billedet faktisk indlæses.

Alt-tekst og SEO i 2026

Google har i årevis sagt, at alt-tekst er en rankingfaktor for billedsøgning. Det gælder stadig. Men optimering til billedsøgning er ikke det samme som tilgængelighed.

Hvis du primært skriver alt-tekst for SEO, ender du med keyword-stuffed vrøvl, der gør siden sværere at navigere for brugere af skærmlæsere. Hvis du først skriver alt-tekst for tilgængelighed, følger SEO-fordelene naturligt, fordi beskrivende, kontekstuel alt-tekst er præcis det, Googles billedsøgningsalgoritme forsøger at fremhæve.

Én nuance: Google Images bruger nu omgivende sideindhold meget mere, end det gjorde tidligere. Hvis din alt-tekst er god, men generisk ("chokoladekage med glasur"), og din side handler om vegansk bagning, vil Google forstå konteksten. Du behøver ikke skrive "vegansk chokoladekage med mælkefri glasur", medmindre den forskel er visuelt tydelig i billedet.

Vigtigste pointer

• Alt-tekst findes for at formidle et billedes formål, ikke for at beskrive hver eneste visuelle detalje
• Dekorative billeder bør bruge alt="", så skærmlæsere springer dem helt over
• God alt-tekst er specifik, kontekstbevidst og besvarer "hvorfor er dette billede her?"
• AI-genereret alt-tekst er et nyttigt udgangspunkt, men har stadig brug for menneskelig redigering for kontekst
• Skriv først for tilgængelighed; SEO-fordele følger naturligt af klar, beskrivende tekst

FAQ

Q: Kan jeg bare bruge AI til at generere al min alt-tekst?

A: AI-værktøjer er gode til at beskrive, hvad der er i et billede, men de forstår ikke kontekst. Hvis du arbejder med hundredvis af produktbilleder og har brug for en baseline, er AI-alt-tekst fint. For redaktionelt indhold, marketingsider eller alt, hvor årsagen til, at billedet findes, betyder noget, skal et menneske gennemgå og redigere.

Q: Hvor lang bør alt-tekst være?

A: De fleste skærmlæsere fungerer komfortabelt med 125 tegn eller færre. Hvis du har brug for mere end det, hører informationen sandsynligvis i en billedtekst, i brødteksten eller i en længere beskrivelse linket via aria-describedby. Der er ingen hård teknisk grænse, men længere alt-tekst bliver klodset at navigere i.

Q: Har jeg brug for alt-tekst til logoer?

A: Ja, men hold det enkelt. Hvis dit logo er i headeren og linker til forsiden, bør alt-teksten være dit virksomhedsnavn: alt="Acme Corp". Skriv ikke alt="Acme Corp logo", medmindre det på en eller anden måde er relevant for konteksten, at det er et logo.

Q: Hvad er forskellen mellem alt-tekst og en billedtekst?

A: Alt-tekst er en direkte erstatning for billedet. Den læses af skærmlæsere, når billedet mødes. En billedtekst er supplerende information, synlig for alle, som tilføjer kontekst eller kreditering. Hvis du har begge dele, bør de ikke gentage hinanden.

Q: Bør jeg tilføje alt-tekst til baggrundsbilleder i CSS?

A: Nej. CSS-baggrundsbilleder er per definition dekorative og eksponeres ikke for skærmlæsere. Hvis et baggrundsbillede formidler vigtig information, bør det være et <img>-element i HTML'en med korrekt alt-tekst.

Kilder

• W3C Web Accessibility Initiative: Images Tutorial
• WebAIM: Alternative Text
• Nielsen Norman Group: Alt Text for Images
• Google Search Central: Image SEO Best Practices