Billeder er en central del af indholdet på internettet. Men hvad sker der, når nogen ikke kan se disse billeder? Her kommer alt-tekst ind i billedet – bogstaveligt talt. Lad os dykke ned i dette vigtige, men “lidt synlige” element på hjemmesiden. I denne artikel vil du blandt andet lære om alt-tekstens funktion, hvad der adskiller den fra en almindelig billedbeskrivelse, og hvordan du kan udforme en god alt-tekst.
Hvad er alt-tekst?
Alt-tekst, eller alternativ tekst, er en usynlig tekst, der beskriver indholdet af et billede på en hjemmeside. Tænk på det som en billedtekst, der kun dukker op, når det er nødvendigt. Men hvorfor er alt-tekst egentlig nødvendig?
Forestil dig, at du surfer på nettet, og pludselig indlæses et billede ikke. Måske er billedfilen blevet slettet ved en fejl. Måske er der fejl i koden på hjemmesiden. Uanset årsagen indlæses billedet ikke. Men i stedet for et tomt hul på siden, ser du en kort beskrivelse af, hvad billedet skulle have været. Det er alt-teksten i aktion! Men det stopper ikke der. Alt-tekst er også guld værd for:
- Personer, der bruger skærmlæsere
- Søgemaskiner, der prøver at forstå indholdet på din side
- Personer, der surfer med billeder slået fra for at spare data eller bruger tekstbaserede browsere
I eksemplet nedenfor ser vi alt-teksten i praksis. Til venstre ser vi en del af en hjemmeside med et billede af en logbog. Til højre ser vi den samme hjemmeside, men her er billedet af logbogen ikke blevet indlæst. I stedet vises alt-teksten: “En håndskrevet logbog, der holdes af en person på en båd. De fire kolonner er næsten helt udfyldte.” Dermed bliver billedet repræsenteret på siden, også når selve billedfilen af en eller anden grund ikke indlæses. Men endnu vigtigere, selv når billedet indlæses som det skal, vil alt-teksten blive læst op af skærmlæsere, som benyttes af svagtseende til at surfe på nettet.
Tilgængelighed
I en perfekt verden kan alle nyde netindhold på lige vilkår. Alt-tekst bringer os lidt tættere på denne vision. Ved at tilføje meningsfuld alt-tekst til billeder gør vi nettet mere inkluderende ved, at billeder bliver tilgængelige også for svagtseende.
Det handler ikke kun om at beskrive, hvad der er på billedet, men at formidle billedets hensigt og kontekst til dem, der ikke kan se billedet. På den måde kan alle visuelle elementer, der tilfører mening til en hjemmeside, blive tilgængelige, også for svagtseende – uanset om det er et illustrationsbillede, en grafik eller et billede med en funktionalitet knyttet til det.
Alt-tekst har været i centrum af flere retssager om nettilgængelighed. Et kendt eksempel er søgsmålet mod Sydney Organising Committee for the Olympic Games i 2000, hvor en blind mand sagsøgte OL-komiteen, fordi hjemmesiden om OL manglede alt-tekst. Sådanne sager har været med til at forme nutidens standarder for nettilgængelighed.
Efterhånden som internettet nærmest er blevet en nødvendighed i den vestlige verden, er tilgængelighed på nettet blevet integreret i lovgivningen. I dag er alt-tekst lovpligtigt for hjemmesider i den offentlige sektor i de fleste vestlige lande, og i mange lande også for private hjemmesider. WCAG-standarden, som er udviklet af World Wide Web Consortium, indgår i lovgivningen i flere lande. At give brugeren et tekstalternativ for indhold, der ikke er tekst, er et af mange WCAG-krav, som virksomheder skal overholde.
Men husk, at ikke alle billeder behøver alt-tekst. Dekorative billeder, der ikke tilfører mening, kan have tomme alt-attributter (alt=””). Dette hjælper skærmlæsere med at springe unødvendig information over og fokusere på det, der virkelig betyder noget. Men selvom alt-attributten kan stå tom, må den ikke fjernes. Hvis alt-attributten udelades helt, vil skærmlæseren i stedet læse URL’en til billedfilen op, hvilket forværrer oplevelsen for brugeren.
Billeder, der indlæses gennem CSS, såsom baggrundsbilleder, betragtes også som dekorative og behøver ikke alt-tekst. Det er heller ikke teknisk muligt at give disse billeder alt-tekst.
SEO: Når tilgængelighed møder synlighed
Det, der er godt for tilgængelighed, er ofte godt for søgemaskineoptimering (SEO). Alt-tekst giver søgemaskiner som Google ekstra information om, hvad dine billeder handler om. Dette kan hjælpe billederne med at dukke op i billedsøgninger og kan endda give din hjemmeside et lille boost i rangeringen.
Men lad dig ikke friste til at fylde alt-teksten med nøgleord. Husk, at den primære hensigt med alt-tekst er tilgængelighed. En velskrevet, beskrivende alt-tekst vil naturligt inkludere relevante nøgleord uden at ofre det meningsfulde indhold.
Alt-tekst vs. Billedbeskrivelse
I nogle publiceringsløsninger kan man blive bedt om at tilføje både alt-tekst og en billedbeskrivelse (eventuelt billedtekst). Mange vil nok undre sig over, hvad forskellen egentlig er på disse felter.
Alt-tekst og billedbeskrivelse har forskellige funktioner, selvom de begge giver information om et billede. Alt-tekst bruges primært på internettet, mens en billedbeskrivelse kan benyttes i flere situationer på forskellige platforme. Alt-tekst er for synshæmmede brugere og SEO-formål, mens billedbeskrivelsen kan være synlig for alle brugere og giver en mere generel beskrivelse af billedet samt eventuel ekstra information.
For eksempel kan alt-teksten for et billede af en æg- og baconmorgenmad være: “Spejlæg, bacon og toast.” Denne tekst vil kun blive læst op af skærmlæsere og dukke op, hvis billedet mangler. En billedbeskrivelse derimod kan være: “Æg og bacon er en klassisk morgenmad, ofte serveret på toast med et glas appelsinjuice og en kop kaffe.” Denne tekst vil være synlig for alle og kan vises før billedet, efter billedet eller som et lag, der ligger over billedet.
Hvordan skriver man god alt-tekst
Opskriften på en god alt-tekst
Nu til det vigtigste spørgsmål: Hvordan skriver du egentlig en god alt-tekst? Her er nogle nøglepunkter:
- Hold det kort. 1-2 sætninger er normalt nok. Men det afhænger af, hvad billedet kommunikerer, og længere alt-tekster kan nogle gange være nødvendige.
- Undgå at skrive “Billede af”. Dette er en unødvendig måde at starte en alt-tekst på. Skærmlæsere fortæller allerede, at det er et billede.
- Vær specifik med typen. Angiv, om det for eksempel er et logo, en illustration eller en tegning.
- Gentag ikke information. Undgå at duplikere tekst, der allerede findes i nærheden af billedet. Billedet og alt-teksten skal tilføre noget ekstra.
- Inkluder vigtig tekst. Hvis billedet inkluderer tekst, der er en vigtig del af budskabet, for eksempel hvis billedet er af et skilt, skal teksten inkluderes. Men hvis der er tekst i baggrunden, som ikke er vigtig, skal den ikke inkluderes i alt-teksten.
- Afslut med punktum. Punktum hjælper skærmlæsere med at holde pause korrekt.
Her er et eksempel på et billede med en god og en dårlig alt-tekst:
| God alt-tekst | En glad mand i et børneværelse med en glad pige på skuldrene. |
| Dårlig alt-tekst | Billede af en mand i grå T-shirt og lyseblå skjorte, der har en pige på skuldrene, mens han holder hende i hænderne. De ser begge glade ud. I baggrunden er der noget, der ligner et lille telt, lyse gardiner med sollys bagved og en væg. På væggen står der “LOVE YOU” og “AND BACK” plus anden tekst, man ikke kan se. Der er nogle puder i kanten af billedet. |
Hvad er hensigten med billedet?
Når du skal skrive alt-tekst, er det vigtigt at tænke på, hvad hensigten med billedet er. Tænk på, hvorfor du valgte billedet, ikke bare hvad det viser. Og husk, forskellige typer billeder kræver forskellige tilgange.
Informative og illustrerende billeder
Informative billeder er alle billeder, der tilfører mening til indholdet på en hjemmeside. Eksempler på informative billeder er grafer og billeder, der bruges til at forklare noget. Illustrerende billeder er billeder, der tilfører mening til indholdet ved visuelt at illustrere det, der skrives om. Eksempler på illustrerende billeder er portrætter af mennesker eller billeder af objekter, der skrives om i en tekst. Alt-teksten skal kunne erstatte informationen i sådanne billeder.
Når du skal skrive alt-tekst til et informativt eller illustrerende billede, skal du beskrive billedet ud fra den kontekst, det bruges i. I billedet nedenfor, for eksempel, vil alt-teksten variere afhængigt af, hvilken tekst det bruges til at illustrere. Forestil dig, hvor forskellig teksten ville være i en modeblog, som fokuserer på, hvad modellen har på, og en teknologiblog, som fokuserer på, at han kan arbejde på sin tablet hvor som helst:
| Type tekst | Alt-tekst |
| Modeblog | En mand i et enkelt og professionelt outfit bestående af lyseblå skjorte og beige bukser. |
| Teknologiblog | En mand sidder i en vindueskarm og ser fokuseret på sin tablet. |
Logoer
Når du bruger billeder af logoer, nævn brandet og formålet – ikke hvordan logoet ser ud. Det giver ikke værdi at beskrive Apples logo som “tegning af et æble, der er bidt af”.
Dårlig alt-tekst: Tegning af et æble, der er bidt af
God alt-tekst: Apples logo
Ikoner
Ikoner er også teknisk set billeder, men her gælder lidt andre regler. Du skal ikke beskrive, hvad ikonet forestiller, men hvilken funktion det repræsenterer. Hvis det er et tilbage-ikon, så skriv “Gå tilbage”, ikke “Pil der peger til venstre”.
Dårlig alt-tekst: Lille tegning af en printer
God alt-tekst: Udskriv
Billeder som links
Nogle gange er billeder klikbare og fungerer som links. Her skal du beskrive, hvad linket fører til, ikke hvordan billedet ser ud.
Dårlig alt-tekst: Tegning af en hund i profil
God alt-tekst: Link til imageshop.dk/integrationer/labrador
Alt-tekst på sociale medier
Det er vigtigt også at tilføje alt-tekst på billeder, der deles på sociale medier. Hvordan man gør det, varierer dog fra platform til platform:
- Facebook har automatisk alt-tekst, men den er ofte upræcis (Universitetet i South Carolina). Du bør derfor skrive den selv. Når du vælger et billede, klik på “Rediger” og derefter “Alternativ tekst”.
- Instagram genererer automatisk en generisk alt-tekst. Du bør redigere denne inden du publicerer.
- X (tidligere Twitter): På desktop klikker du på “Rediger” og fanen “ALT”. I mobilappen klikker du på “+ALT”-ikonet og skriver i feltet “Beskrivelse”.
- LinkedIn: Klik på “ALT”-ikonet efter du har valgt billedet for at tilføje alt-tekst.
Alt-tekst på sociale medier har ofte længdebegrænsninger. Det anbefales at holde dem korte, men nogle gange er lidt længere tekster nødvendige. I så fald: skriv det vigtigste først og byg ud til du rammer grænsen.
Når kunstig intelligens skriver alt-tekst
I de seneste år har store sprogmodeller som ChatGPT, Googles Gemini og Anthropic Claude taget verden med storm. Der findes allerede flere eksempler på, hvordan kunstig intelligens effektiviserer arbejdsopgaver. Og snart kan produktionen af alt-tekst blive overladt til AI.
Store sprogmodeller kan allerede analysere billeder og beskrive indholdet. Det er derfor naturligt at forestille sig, at der vil blive udviklet værktøjer i CMS- og DAM-systemer, der automatisk producerer alt-tekst. Det vil kunne spare tid for indholdsproducenter og sikre, at alle billeder altid har en alt-tekst.
Det lyder måske ideelt, men en sådan fremtid kan også give nye udfordringer. Selv med AI, der automatisk tilføjer alt-tekst, er det menneskets ansvar at sikre, at teksten giver mening for dem, der har brug for den. For når mennesker vænner sig til, at alt-teksten “skriver sig selv”, er det let at glemme, at det stadig er vores ansvar at sikre kvaliteten.
Der er nemlig ingen garanti for, at AI altid genererer tilfredsstillende alt-tekst. Især ikke når konteksten er afgørende. Tag for eksempel dette billede:
Da ChatGPT blev bedt om at skrive alt-tekst til det, lød forslaget:
“Et stort passagerskib, ‘Kong Harald’, ligger til kaj i Tromsø. Skibet har en sort og orange farvekombination, og snedækkede bjerge ses i baggrunden under en overskyet himmel.”
Dette er desværre ikke en god nok alt-tekst. For det første ligger skibet ikke til kaj i Tromsø, men i Finnsnes. ChatGPT har sandsynligvis bare skrevet “Tromsø”, fordi der står “Tromsø” på skibet. For det andet fokuserer ChatGPT for meget på detaljer, som ikke tilfører brugeren meningsfuld information – som at skibet har en sort og orange farvekombination. For det tredje mangler der information, som ikke umiddelbart kan ses på billedet, såsom at dette er et hurtigruteskib.
En bedre alt-tekst kunne være: “Hurtigruteskibet ‘Kong Harald’ ligger til kaj med snedækkede bjerge i baggrunden.”
Kunstig intelligens og kontekst
Det er måske uretfærdigt at vurdere ChatGPT på en enkelt tekst – det er jo ikke en specialiseret alt-tekst-model. Men selv en AI, der er specialbygget til at skrive alt-tekster, vil få svært ved at forstå konteksten.
Vi har allerede set, hvor vigtig kontekst kan være, når man skal skrive alt-tekst. En kunstig intelligens ved intet om konteksten for, hvorfor vi offentliggør billedet af hurtigruteskibet. Skriver vi et opslag i en rejseblog? En nyhedsartikel om Hurtigruten eller om Finnsnes kaj? Eller måske skriver vi en teknisk artikel om skrogkonstruktioner på større passagerskibe? Alt dette er med til at forme, hvordan alt-teksten bør vinklet. Og en kunstig intelligens, som kun genererer en alt-tekst baseret på, hvad der vises på billedet, kan umuligt kende denne kontekst. Her er blot nogle eksempler på, hvordan konteksten vil forme alt-teksten til billedet af hurtigruteskibet:
| Type tekst | Alt-tekst |
| Rejseblog | “Kong Harald” ligger til kaj med majestætiske, snedækkede bjerge i baggrunden. |
| Nyhedsartikel om manglende vedligehold | Et hurtigruteskib ligger ved en lav og ujævn kaj. |
| Teknisk artikel om store passagerskibe | Hurtigruteskibet “Kong Harald”, set bagfra, ligger til kaj. |
Selvom kunstig intelligens kan effektivisere arbejdet og øge antallet af billeder med alt-tekst, må mennesker være bevidste om teknologiens begrænsninger og fortsat tage ansvar. Alt-tekst handler om at gøre nettet mere tilgængeligt – og derfor skal AI-genererede tekster altid tjekkes.
Alt-tekst i Imageshop
I Imageshop kan du selvfølgelig tilføje alt-tekst, når du uploader billeder til billedbanken – sammen med en masse anden metadata. Og i mange af Imageshops integrationer til CMS-systemer bliver alt-teksten automatisk overført, når du publicerer billeder direkte fra billedbanken.
Alt-tekst er mere end bare en teknisk detalje eller et lovpligtigt felt. Det er en nøgle til et mere inkluderende og forståeligt internet. Når du tager dig tid til at skrive god alt-tekst, gør du ikke bare din hjemmeside mere synlig for søgemaskiner – du gør den også mere tilgængelig og brugervenlig for alle besøgende.
Så næste gang du offentliggør et billede, så tænk på alt-teksten som en mulighed for at fortælle en lille historie, der kan gøre en stor forskel for nogen derude. For i den digitale verden kan ét ord nogle gange være mere værd end tusind pixels.
