Andre betegnelser

Alternative Text

AI

Automatisering

Branding

Design

Marketing

Procesoptimering

SaaS

SEO

UX

Webudvikling

Alt text (alternativ tekst) er en kort, beskrivende tekst, der lægges i HTML for at forklare indholdet og funktionen af et billede eller grafisk element på en hjemmeside. Den bruges af skærmlæsere til synshandicappede og hvis billedet ikke kan vises.

Hvad er alt text?

Alt text (også kaldet alt-attribut eller alt-tag) er en tekstlig beskrivelse, der indsættes som alt= -attribut i et HTML <img>-tag. Den primære funktion er at give meningsfuld kontekst for billeder, når disse ikke kan vises – f.eks. for brugere med synshandicap, brugevisere uden grafisk understøttelse eller i tilfælde af teknisk nedbrud.

Hvorfor er alt text vigtigt?

  • Tilgængelighed (accessibility): Alt tekst gør hjemmesiden tilgængelig for brugere, der anvender skærmlæsere eller anden hjælpemidler. Uden alt tekst ved brugeren ikke, hvad billedet viser.

  • SEO: Google og andre søgemaskiner forstår indholdet af billeder ved hjælp af alt tekst. God og præcis alt tekst kan bidrage til højere synlighed i billede- og alm. søgninger.

  • Brugervenlighed: Hvis billeder ikke kan hentes (fx ved langsom forbindelse), vises alt teksten i stedet, så brugeren alligevel forstår indholdet.

  • Kommunikation: Alt tekst understøtter det samlede budskab, især når billedet bærer væsentlig information.

Best Practice

  • Kort og deskriptiv: Beskriv billedet nøjagtigt, uden “billede af…” – det fremgår af konteksten.

  • Indhold før funktion: Hvis billedet er et diagram eller illustration, forklar, hvad det viser – ikke kun, at det er et diagram.

  • Kontekst: Overvej, hvilken rolle billedet har på siden. Hvis billedet ikke tilføjer information (kun er dekorativt), kan alt teksten være tom (men tagget skal stadig være der).

  • Nøgleord: Inkluder relevante nøgleord, hvis det giver mening, men spar på spam.

  • Max længde: En kort sætning, gerne under 125 tegn, fungerer bedst – skærmlæsere afbryder ofte længere tekster.

  • Teknisk korrekthed: Alt tekst skal altid indsættes i <img>-tagget for alle billeder, ikke kun for infografik eller diagrammer.

Eksempler, god og dårlig praksis

Dårlig alt tekst: Billede af mand

God alt tekst: Senior konsulent Thomas vinker til kunderne under en procesforbedringsworkshop

Dårlig alt tekst: Produkt

God alt tekst: Skrammelsæk til genbrug af affald i hjemmet, lavet af genanvendt plastik

Forretnings- og udviklingsmæssig betydning

  • Branding og virksomhedsimage: Professionelle, kontekstuelle alt tekster fremmer virksomhedens omhu og engagement for brugeroplevelse og inklusion.

  • Krav til compliance: I flere lande (fx USA med ADA og i EU med WCAG) er god alt tekst et lovkrav for tilgængelighed, og det kan medføre bøder at overse det.

  • Aggregeret værdi: Hvis mange billeder på en side mangler alt tekst, kan det påvirke både søgeresultater og brugeradfærd negativt.

  • Udviklingsarbejde: Alt tekst bør være en integreret del af indholds- og designprocessen, ikke en eftertanke.

Udfordringer og løsninger

  • Automatiserede værktøjer: AI og billedgenkendelse kan generere forslag til alt tekst, men en menneskelig kvalitetssikring bør altid ske for at sikre relevans og nøjagtighed.

  • Dynamiske billeder: På store sites kan alt tekst genereres automatisk ud fra billedets filnavn, kategori eller anden metadata, men dette kræver opsætning og validering.

  • CMS-understøttelse: Moderne indholdsstyringssystemer burde kræve eller facilitere indtastning af alt tekst for alle billeder.

Opsummering

Alt text er en lille, men afgørende detalje i moderne webudvikling og forretningskommunikation.
Den sikrer tilgængelighedbedre SEO og forbedrer brugeroplevelsen – og skal derfor tages alvorligt som led i både indholdsstrategi, design og udvikling.
Professionelt håndteret alt tekst signalerer kvalitet, omhu og fokus på alle brugere – også dem med synshandicap eller i tekniske udfordringer.

Relaterede begreber

Book et møde

Hvornår?

Vælg dato