Alt-tekst

Alt-tekst

Alt-tekst

Alt-tekst, eller alternativ tekst, er en beskrivende HTML-attribut, der formidler betydningen og konteksten af billeder i digitalt indhold. Den gør det muligt for skærmlæsere at kommunikere billedindhold til synshæmmede brugere og hjælper søgemaskiner med at forstå og indeksere visuelt indhold for forbedret SEO-ydeevne.

Definition af alt-tekst

Alt-tekst, en forkortelse for alternativ tekst, er en beskrivende HTML-attribut, der tilføjes til billed-tags og formidler betydning, kontekst og formål med visuelt indhold i digitale miljøer. Ifølge Microsofts officielle dokumentation er alt-tekst beskrivende tekst, som formidler betydningen og konteksten af et visuelt element i en digital sammenhæng, såsom på en app eller webside. Når det implementeres korrekt, giver alt-tekst skærmlæsere—hjælpemidler brugt af personer med synsnedsættelse—mulighed for at læse billedbeskrivelser højt, hvilket gør visuelt indhold tilgængeligt for alle brugere. Ud over tilgængelighed tjener alt-tekst også en vigtig SEO-funktion ved at hjælpe søgemaskiner med at forstå og indeksere billedindhold, hvilket forbedrer både billedsøgningens rangering og sidens samlede relevans. HTML-implementeringen er ligetil: <img src="image.jpg" alt="Descriptive text here">, hvor alt-attributten indeholder tekstbeskrivelsen. Uden alt-tekst møder brugere, der er afhængige af skærmlæsere, tomme felter eller generiske meddelelser og går dermed glip af væsentlig information, som seende brugere tager for givet.

Den kritiske rolle for alt-tekst i webtilgængelighed

Vigtigheden af alt-tekst kan ikke overdrives i forbindelse med digital tilgængelighed og inkluderende webdesign. Ifølge WebAIM Million-rapporten 2024—en analyse af de 1 million største hjemmesider—manglede 21,6 % af alle forsidebilleder alt-tekst, med et gennemsnit på 12 billeder pr. side uden beskrivelser. Endnu mere alarmerende havde 14,6 % af billeder med alt-tekst tvivlsomme eller gentagende beskrivelser, hvilket betyder, at cirka en tredjedel af billederne på populære forsider mangler, har tvivlsom eller gentagende alt-tekst. Denne tilgængelighedskløft påvirker direkte de anslåede 2,2 milliarder mennesker verden over med synsnedsættelse, som er afhængige af hjælpemidler for at navigere på nettet. Når skærmlæsere som JAWS, NVDA og Microsoft Narrator støder på billeder uden alt-tekst, annoncerer de enten ingenting eller læser filnavnet op, hvilket efterlader brugerne forvirrede og ude af stand til at forstå vigtig information. Web Content Accessibility Guidelines (WCAG), en internationalt anerkendt standard for webtilgængelighed, kræver eksplicit tekstalternativer til ikke-tekstindhold, hvilket gør alt-tekst til et lovkrav under love som Americans with Disabilities Act (ADA) og European Accessibility Act (EAA). Organisationer, der ikke implementerer korrekt alt-tekst, risikerer søgsmål, tab af omdømme og udelukkelse af en væsentlig del af verdens befolkning fra deres digitale oplevelser.

Alt-tekst vs. beslægtede begreber: Forstå forskellene

BegrebSynlighedPrimært formålTilgængelighedseffektSEO-effektHvornår bruges
Alt-tekstUsynlig (medmindre billedet ikke indlæses)Beskrive billede for skærmlæsere og søgemaskinerKritisk for tilgængelighedsoverholdelseHøj—hjælper søgemaskiner med at indeksere billederAlle informative billeder
BilledtekstSynlig på siden, under/ved siden af billedetGiver kontekst til alle brugereHjælpsom, men ikke krævet for overholdelseModerat—understøtter indholdets relevansNår yderligere kontekst gavner seende brugere
BilledtitelSynlig som værktøjstip ved mouseover (nogle browsere)Viser yderligere information ved mouseoverMinimal—ikke læst op af skærmlæsereLav—ikke indekseret af søgemaskinerSjældent nødvendigt; alt-tekst foretrækkes
FilnavnIkke synligt for brugereOrganisere filer på serverIngen tilgængelighedsværdiMinimal—forældet SEO-praksisKun til filorganisering
Omgivende tekstSynlig på sidenGiver generel kontekst på sidenSupplerer, men erstatter ikke alt-tekstUnderstøtter sidens samlede relevansBruges sammen med alt-tekst

Teknisk implementering og HTML-standarder

HTML-implementeringen af alt-tekst følger en enkel, men kritisk struktur. alt-attributten placeres i <img>-tagget, som er standardmetoden til at indsætte billeder på websider. Et korrekt formateret billedtag ser sådan ud: <img src="sunset-mountain.jpg" alt="Gylden solnedgang over snedækkede bjergtoppe med orange og lilla himmel, der spejler sig i rolig alpesø">. Alt-teksten skal placeres direkte i HTML-koden og er usynlig for seende brugere, medmindre billedet ikke indlæses; i så fald vises alt-teksten i stedet for billedet. Denne reservefunktionalitet er særlig vigtig for brugere med langsomme internetforbindelser eller ved ødelagte billedlinks. Content Management Systems (CMS) som WordPress, Shopify, Wix og Squarespace tilbyder brugervenlige grænseflader til at tilføje alt-tekst uden at kræve direkte HTML-redigering. I WordPress kan brugere f.eks. tilføje alt-tekst via Mediebiblioteket eller billedindstillingerne i Blokeditoren. Moderne platforme tilbyder i stigende grad automatisk generering af alt-tekst ved hjælp af kunstig intelligens og computer vision-teknologi. Microsoft 365-produkter, herunder PowerPoint, Word og Outlook, har nu automatiske alt-tekstgeneratorer, der bruger billedbeskrivelsesmodeller til at skabe indledende beskrivelser. Disse AI-genererede beskrivelser bør dog altid gennemgås og forfines af mennesker for at sikre nøjagtighed, relevans og sammenhæng med det omgivende indhold. WCAG 2.1-standarden specificerer, at alle billeder skal have tekstalternativer, med specifik vejledning til forskellige billedtyper: fotografier, ikoner, illustrationer, diagrammer, grafer og linkede billeder kræver hver deres tilpassede tilgang til alt-tekst.

Best practice for at skrive effektiv alt-tekst

At skrive effektiv alt-tekst kræver balance mellem præcision, korthed og kontekstuel relevans. Den gyldne regel er at skrive alt-tekst, som om du beskriver billedet for en, der ikke kan se det, med fokus på det væsentlige frem for alle visuelle detaljer. Forskning fra tilgængelighedseksperter anbefaler, at alt-tekst holdes på 1-2 sætninger og helst under 125 tegn, da de fleste skærmlæsere afskærer tekst ud over denne længde. Undgå overflødige udtryk som “billede af”, “foto af” eller “grafik af”, da skærmlæsere allerede annoncerer, at der er et billede. Gå i stedet direkte til beskrivelsen: I stedet for “Billede af en kvinde i gul jakke på cykel” skriv “Kvinde i gul jakke cykler gennem bypark om efteråret.” Placer det vigtigste først, da skærmlæserbrugere måske stopper med at lytte tidligt eller springer videre. For dekorative billeder bruges en tom alt-attribut (alt="") for at fortælle skærmlæsere at springe dem over og undgå unødvendige meddelelser. Indsæt relevante søgeord naturligt, hvis de passer til billedet og dets kontekst, men undgå søgeordsfyld, som skader både brugeroplevelse og søgeresultater. For komplekse billeder som diagrammer, infografikker eller grafer, giv et kort resume af hovedpointen i alt-teksten og suppler med en længere tekstbeskrivelse eller datatabel andetsteds på siden. For eksempel, i stedet for “Søjlediagram viser salgsdata”, skriv “Søjlediagram viser 30 % stigning i online-salg fra 1. til 2. kvartal 2024, med største salg i juni.” Overvej konteksten for det omkringliggende indhold når du skriver alt-tekst, da det samme billede kan kræve forskellige beskrivelser afhængigt af brugen. Et fotografi af Harvards Memorial Church kan f.eks. beskrives som “Studerende slapper af i farvede stole i Harvard Yard” i en artikel om forårsaktiviteter, men som “Hollis Hall ligger ved siden af det åbne græsareal i Harvard Yard” i en artikel om campusarkitektur.

Platformsspecifik implementering på tværs af digitale økosystemer

Forskellige platforme og content management-systemer kræver forskellige tilgange til implementering af alt-tekst. WordPress, det mest udbredte CMS, der driver over 43 % af hjemmesider, tillader tilføjelse af alt-tekst via Mediebiblioteket eller Gutenberg Blokeditoren. Brugere kan redigere eksisterende billeder ved at gå til Medier > Bibliotek, klikke på et billede og indtaste alt-tekst i det angivne felt. Shopify, en førende e-handelsplatform, gør det muligt at redigere alt-tekst under upload af produktbilleder eller via produkteditoren ved at klikke på blyant-ikonet og indtaste tekst i feltet “Billed alt-tekst”. WooCommerce, der driver cirka 38 % af e-handelssider, integrerer med WordPress’ mediebibliotek. Wix og Squarespace, populære hjemmesidebyggere, tilbyder visuelle grænseflader, hvor brugere kan klikke på billeder og få adgang til alt-tekstindstillinger via design- eller redigeringsmenuer. Sociale medieplatforme prioriterer i stigende grad alt-tekst-tilgængelighed. Instagram lader brugere tilføje alt-tekst via Avancerede indstillinger før opslag. Twitter (nu X) muliggør tilføjelse af alt-tekst ved at klikke på “+ALT”-knappen på uploadede billeder, med støtte op til 1000 tegn. LinkedIn tilbyder “Tilføj alt-tekst”-mulighed ved upload af billeder. Facebook genererer automatisk alt-tekst via AI, men brugere kan redigere eller tilpasse beskrivelser før opslag. Microsoft 365-applikationer—herunder PowerPoint, Word, Excel og Outlook—tilbyder nu automatisk alt-tekst-generering drevet af billedbeskrivende AI. Brugere kan godkende, redigere eller manuelt indtaste alt-tekst via Alt-tekst-panelet. Dette multiplatform-landskab betyder, at indholdsskabere skal forstå de specifikke arbejdsgange på hver platform, de bruger, selvom det underliggende princip forbliver det samme: beskrivende, kortfattet, kontekstuelt relevant tekst, der formidler billedets betydning.

Alt-tekst og AI-synlighed i søgninger

Efterhånden som generative AI-systemer som ChatGPT, Perplexity, Google AI Overviews og Claude i stigende grad analyserer og citerer webindhold, er alt-tekst blevet strategisk vigtig for AI-synlighed og citatsporing. Disse AI-platforme bruger Retrieval-Augmented Generation (RAG)-teknologi, hvilket betyder, at de søger på nettet efter relevant information og citerer kilder i deres svar. Når AI-systemer støder på billeder med velskrevet alt-tekst, kan de bedre forstå det visuelle indhold og inkorporere det i deres svar. Alt-tekst hjælper AI-systemer med nøjagtigt at fortolke og beskrive billeder, hvilket forbedrer relevansen og nøjagtigheden af AI-genereret indhold. For organisationer, der bruger AmICited eller lignende AI-overvågningsplatforme, er det afgørende at spore, hvordan billeder og deres alt-tekst vises i AI-svar for at forstå brandsynlighed og indholds-tilskrivning. Billeder med dårlig eller manglende alt-tekst kan blive fejlfortolket af AI-systemer, hvilket fører til unøjagtige beskrivelser eller manglende citatmuligheder. Omvendt øger veloptimeret alt-tekst sandsynligheden for, at dine billeder bliver korrekt forstået, citeret og krediteret i AI-genererede svar på tværs af flere platforme. Denne nye dimension af alt-tekst-vigtighed afspejler det bredere skift mod Generative Engine Optimization (GEO), hvor indholdsskabere skal optimere ikke kun til traditionelle søgemaskiner, men også til AI-systemer, der i stigende grad medierer, hvordan information opdages og deles online.

Statistisk evidens og compliance-landskab

Tilgængelighedskrisen omkring alt-tekst er veldokumenteret gennem grundig forskning. WebAIM Million-rapporten 2024, der analyserede de 1 million største hjemmesider, fandt, at 54,5 % af forsiderne manglede alternativ tekst til billeder, hvilket gør det til den næstmest almindelige WCAG-fejl efter lav kontrasttekst (81 % af siderne). Rapporten viste også, at 18,5 % af alle forsidebilleder manglede alt-tekst, med et gennemsnit på 11 billeder pr. side uden beskrivelser. AudioEye’s tilgængelighedsstatistik for 2024 rapporterede, at 60 % af billeder på nettet manglede alternativ tekst, hvilket indikerer, at størstedelen af billeder på web og mobile enheder stadig er utilgængelige. Disse statistikker understreger en vedvarende kløft mellem tilgængelighedsstandarder og faktisk implementering. Lovkrav gør implementering af alt-tekst uundgåelig for mange organisationer. WCAG 2.1 Level A-standarden kræver eksplicit tekstalternativer for alt ikke-tekstindhold, og WCAG 2.1 Level AA kræver mere detaljerede beskrivelser for komplekse billeder. Organisationer underlagt ADA i USA, EAA i Europa eller lignende tilgængelighedslovgivning risikerer juridisk ansvar for utilgængeligt indhold. Nylige retssager har i stigende grad rettet sig mod hjemmesider med dårlig tilgængelighed, herunder dem, der mangler korrekt alt-tekst. Section 508 i Rehabilitation Act kræver, at statslige myndigheder og leverandører leverer tilgængeligt digitalt indhold, herunder billeder med alt-tekst. Ud over lovkrav afspejler implementering af alt-tekst organisationens værdier omkring inklusion og brugeroplevelse. Virksomheder, der prioriterer tilgængelighed, udviser engagement i at betjene alle brugere uanset evner, hvilket styrker brandets omdømme og udvider markedsrækkevidden.

Centrale aspekter og fordele ved korrekt implementeret alt-tekst

  • Tilgængelighedsoverholdelse: Opfylder WCAG 2.1, ADA, EAA og Section 508-krav, reducerer juridisk risiko og sikrer inkluderende design
  • Kompatibilitet med skærmlæsere: Gør det muligt for hjælpemidler som JAWS, NVDA og VoiceOver at formidle billedindhold til synshæmmede brugere
  • SEO-forbedring: Forbedrer billedsøgningens placering, øger organisk trafik og styrker tematisk relevans for søgemaskiner
  • Reservefunktionalitet: Vises, når billeder ikke indlæses pga. ødelagte links, langsomme forbindelser eller browserproblemer, og sikrer klarhed i indholdet
  • AI-systemforståelse: Hjælper generative AI-platforme med nøjagtigt at fortolke og citere visuelt indhold i svar
  • Brugeroplevelse: Giver kontekst til alle brugere, herunder dem med langsomme forbindelser eller tekstbaserede browsere
  • Klarhed i indhold: Sikrer, at budskabet og formålet med billeder bevares, selv når visuelle elementer ikke kan vises
  • Mobiltilgængelighed: Understøtter brugere på mobile enheder med begrænset båndbredde eller dem, der bruger tekstbaseret browsing
  • Semantisk betydning: Understøtter sidens indhold og hjælper søgemaskiner med at forbinde billeder til omkringliggende tekst for bedre indeksering
  • Brandkonsistens: Giver organisationer kontrol over, hvordan deres billeder beskrives og fortolkes på tværs af platforme

Fremtidig udvikling og strategisk vigtighed

Rollen for alt-tekst udvikler sig i takt med, at teknologien skrider frem, og kravene til tilgængelighed bliver strengere. Kunstig intelligens og maskinlæring automatiserer i stigende grad genereringen af alt-tekst, med platforme som Microsoft 365, Google og Adobe, der tilbyder AI-drevne værktøjer til at skabe indledende beskrivelser. Fremtiden vil dog sandsynligvis indebære en hybrid tilgang, hvor AI genererer grundbeskrivelser, som mennesker gennemgår og forfiner for nøjagtighed og kontekst. Generative Engine Optimization (GEO) er ved at blive en vigtig disciplin, hvor indholdsskabere skal optimere ikke kun til traditionelle søgemaskiner, men også til AI-systemer, der medierer informationssøgning. Efterhånden som AI-platforme som ChatGPT, Perplexity og Google AI Overviews bliver primære informationskilder for mange brugere, påvirker kvaliteten af alt-tekst direkte, hvordan billeder forstås, beskrives og krediteres i AI-genererede svar. Organisationer, der bruger AI-overvågningsplatforme som AmICited, vil i stigende grad spore, hvordan deres billeder vises i AI-svar, hvilket gør optimering af alt-tekst til en strategisk prioritet. Tilgængelighedsstandarder udvikler sig løbende, med WCAG 3.0 under udvikling og forventning om mere nuancerede krav til forskellige billedtyper og kontekster. Stemmebaseret søgning og lydgrænseflader bliver vigtigere og gør alt-tekst endnu mere central som den primære mekanisme til at formidle billedindhold til brugere, der er afhængige af lyd. Krydset mellem tilgængelighed, SEO og AI-synlighed betyder, at alt-tekst ikke længere blot er et overholdelsestjek, men et strategisk aktiv, der påvirker synlighed, brugeroplevelse og brandrepræsentation på tværs af digitale økosystemer. Organisationer, der prioriterer omfattende, velskrevet alt-tekst, opnår konkurrencemæssige fordele i søgeresultater, AI-synlighed og brugertillid.

Ofte stillede spørgsmål

Hvad er forskellen mellem alt-tekst og billedtekster?

Alt-tekst er usynlig HTML-kode, som skærmlæsere læser op for brugerne, mens billedtekster er synlig tekst, der vises på siden. Alt-tekst er påkrævet for tilgængelighed og SEO, hvorimod billedtekster giver kontekst til alle brugere. Begge har forskellige formål: Alt-tekst sikrer, at skærmlæserbrugere forstår billedindholdet, mens billedtekster forbedrer den visuelle præsentation for seende brugere. Du bør bruge begge, når det er relevant, for fuld tilgængelighed.

Hvor lang skal alt-tekst være?

Alt-tekst bør typisk være 1-2 sætninger og helst under 125 tegn, da de fleste skærmlæsere afskærer teksten efter denne længde. Målet er at være kortfattet og samtidig beskrivende nok til at formidle billedets formål og væsentligste information. Undgå unødvendige detaljer eller gentagende udtryk som 'billede af' eller 'foto af'. Placér den vigtigste information først, da skærmlæserbrugere måske stopper med at lytte tidligt.

Behøver jeg alt-tekst til dekorative billeder?

Nej, dekorative billeder bør bruge en tom alt-attribut (alt='') for at fortælle skærmlæsere, at de skal springe dem helt over. Dette forhindrer, at skærmlæsere annoncerer irrelevant information for brugerne. Hvis et billede dog har et formål—even hvis det primært er dekorativt—skal det have en beskrivende alt-tekst. Brug kun den tomme alt-tag til egentlige dekorative elementer som rammer, afstandsstykker eller baggrundsudsmykninger.

Kan AI-genereret alt-tekst erstatte manuelt skrevne beskrivelser?

AI-genereret alt-tekst kan være et udgangspunkt, men bør altid gennemgås og forfines manuelt. AI-værktøjer mangler ofte nuancer, kontekst eller den specificitet, der kræves for effektiv tilgængelighed. Mens AI kan fremskynde processen i stor skala, sikrer menneskelig gennemgang nøjagtighed og relevans i forhold til det omgivende indhold. Microsoft 365, PowerPoint og andre platforme tilbyder nu automatisk generering af alt-tekst, men brugere bør altid godkende og redigere resultaterne.

Hvordan påvirker alt-tekst SEO og søgerangeringer?

Alt-tekst hjælper søgemaskiner som Google med at forstå billedindhold, hvilket forbedrer billedsøgningens placeringer og sidens samlede relevans. Søgemaskiner kan ikke 'se' billeder, så de er afhængige af alt-tekst for at afgøre, hvad et billede viser. Veloptimeret alt-tekst med relevante søgeord kan øge organisk trafik og styrke tematisk relevans. Dog skader overdreven brug af søgeord i alt-tekst både brugeroplevelsen og søgerangeringer, så beskrivelser bør være naturlige og kontekstuelle.

Hvilken procentdel af hjemmesider mangler alt-tekst på billeder?

Ifølge WebAIM Million-rapporten fra 2024, der analyserede de 1 million mest besøgte hjemmesider, manglede 21,6 % af alle forsidebilleder alt-tekst, med et gennemsnit på 12 billeder pr. side uden beskrivelser. Derudover havde 14,6 % af billeder med alt-tekst tvivlsomme eller gentagende beskrivelser. Det betyder, at cirka en tredjedel af billederne på populære forsider mangler, har tvivlsom eller gentagende alt-tekst, hvilket indikerer en væsentlig tilgængelighedskløft på nettet.

Hvordan skriver jeg alt-tekst til komplekse billeder som diagrammer eller infografikker?

Til komplekse billeder skal du give et kort resume af den vigtigste indsigt eller data i alt-teksten (f.eks. 'Søjlediagram viser 30 % stigning i online-salg fra 1. til 2. kvartal 2024'), og derefter give en længere tekstbeskrivelse eller datatabel et andet sted på siden. Denne todelte tilgang sikrer, at skærmlæserbrugere får de væsentligste oplysninger med det samme og stadig har adgang til detaljerede data, hvis det er nødvendigt. Undgå blot at beskrive det visuelle udseende; fokuser på at formidle betydning og formål.

Klar til at overvåge din AI-synlighed?

Begynd at spore, hvordan AI-chatbots nævner dit brand på tværs af ChatGPT, Perplexity og andre platforme. Få handlingsrettede indsigter til at forbedre din AI-tilstedeværelse.

Lær mere

Brand Anchor Diversity
Brand Anchor Diversity: Opbygning af Naturlige AI-synlighedssignaler

Brand Anchor Diversity

Lær hvordan ankertekstdiversitet skaber naturlige AI-synlighedssignaler. Udforsk typer, best practices og strategier for off-page SEO-succes og AI-overvågning....

9 min læsning
Ankertekst
Ankertekst: Definition, Typer og SEO Bedste Praksis

Ankertekst

Ankertekst er den klikbare tekst i hyperlinks, der hjælper søgemaskiner med at forstå sidens relevans og forbedrer brugerens navigation. Lær om typer, bedste pr...

12 min læsning