Site Architecture & UX

Alt Tekst

Alt Tekst

Alt-tekst, eller alternativ tekst, er et beskrivende HTML-attribut, der formidler betydningen og konteksten af billeder i digitalt indhold. Det 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, forkortelse for alternativ tekst, er et beskrivende HTML-attribut, der tilføjes til billed-tags, som formidler betydningen, konteksten og formålet med visuelt indhold i digitale miljøer. Ifølge Microsofts officielle dokumentation er alt-tekst beskrivende tekst, der formidler betydningen og konteksten af et visuelt element i en digital sammenhæng, såsom i en app eller på en webside. Når det implementeres korrekt, gør alt-tekst det muligt for skærmlæsere – hjælpeteknologier, der bruges af personer med synshandicap – at læse billedbeskrivelser højt, hvilket gør visuelt indhold tilgængeligt for alle brugere. Ud over tilgængelighed tjener alt-tekst en kritisk SEO-funktion ved at hjælpe søgemaskiner med at forstå og indeksere billedindhold, hvilket forbedrer både billedsøgerangeringer og overordnet siderelevans. HTML-implementeringen er enkel: <img src="image.jpg" alt="Beskrivende tekst her">, hvor alt-attributten indeholder tekstbeskrivelsen. Uden alt-tekst møder brugere, der er afhængige af skærmlæsere, tomme områder eller generiske meddelelser og går glip af væsentlig information, som seende brugere tager for givet.

Den Kritiske Rolle af Alt Tekst i Webtilgængelighed

Vigtigheden af alt-tekst kan ikke overvurderes i forbindelse med digital tilgængelighed og inkluderende webdesign. Ifølge WebAIM Million-rapporten fra 2024 – en analyse af de 1 million mest besøgte hjemmesider – manglede 21,6 % af alle forsidebilleder alt-tekst, med gennemsnitligt 12 billeder pr. side uden beskrivelser. Endnu mere bekymrende havde 14,6 % af billeder med alt-tekst tvivlsomme eller gentagne beskrivelser, hvilket betyder, at cirka en tredjedel af billeder på populære forsider har manglende, tvivlsom eller gentagen alt-tekst. Dette tilgængelighedsgab påvirker direkte de anslået 2,2 milliarder mennesker på verdensplan med synshandicap, som er afhængige af hjælpeteknologier til 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, hvilket efterlader brugerne forvirrede og ude af stand til at forstå kritisk indhold. Retningslinjerne for webtilgængelighed (WCAG), en internationalt anerkendt standard for webtilgængelighed, kræver udtrykkeligt tekstalternativer for ikke-tekstligt indhold, hvilket gør alt-tekst til et juridisk overholdelseskrav i henhold til love som Americans with Disabilities Act (ADA) og European Accessibility Act (EAA). Organisationer, der undlader at implementere korrekt alt-tekst, risikerer retssager, skade på omdømmet og udelukkelse af en betydelig del af den globale befolkning fra deres digitale oplevelser.

Logo

Ready to Monitor Your AI Visibility?

Track how AI chatbots mention your brand across ChatGPT, Perplexity, and other platforms.

Alt Tekst vs. Beslægtede Begreber: Forstå Forskellene

BegrebSynlighedPrimært FormålTilgængelighedspåvirkningSEO-påvirkningHvornår skal det bruges
Alt TekstUsynlig (medmindre billedet ikke kan indlæses)Beskrive billede for skærmlæsere og søgemaskinerAfgørende for tilgængelighedsoverholdelseHøj – hjælper søgemaskiner med at indeksere billederAlle informative billeder
BilledtekstSynlig på siden, under/ved siden af billedetGive kontekst til alle brugereNyttig, men ikke påkrævet for overholdelseModerat – forstærker indholdsrelevansNår yderligere kontekst gavner seende brugere
BilledtitelSynlig som tooltip ved hover (nogle browsere)Vise yderligere information ved musepåføringMinimal – annonceres ikke af skærmlæsereLav – indekseres ikke af søgemaskinerSjældent nødvendigt; alt-tekst foretrækkes
FilnavnIkke synligt for brugereOrganisere filer på serverIngen tilgængelighedsværdiMinimal – forældet SEO-praksisKun filorganisering
Omgivende TekstSynlig på sidenGive generel sidekontekstSupplerer, men erstatter ikke alt-tekstUnderstøtter overordnet siderelevansFungerer sammen med alt-tekst

Teknisk Implementering og HTML-standarder

HTML-implementeringen af alt-tekst følger en enkel, men kritisk struktur. alt-attributten placeres inden i <img>-tagget, som er standardmetoden til at indlejre billeder på websider. Et korrekt formateret billed-tag ser således ud: <img src="solnedgang-bjerg.jpg" alt="Gylden solnedgang over sneklædte bjergtoppe med orange og lilla himmel, der spejler sig i en rolig alpesø">. Alt-teksten skal placeres direkte i HTML-koden, hvilket gør den usynlig for seende brugere, medmindre billedet ikke kan indlæses – i så fald vises alt-teksten i stedet for det manglende billede. Denne reservefunktionalitet er særlig vigtig for brugere med langsomme internetforbindelser eller dem, der oplever ødelagte billedlinks. Content Management Systemer (CMS) som WordPress, Shopify, Wix og Squarespace giver brugervenlige grænseflader til at tilføje alt-tekst uden behov for direkte HTML-redigering. I WordPress kan brugere f.eks. tilføje alt-tekst via Mediebiblioteket eller Blokeditorens billedindstillinger. Moderne platforme tilbyder i stigende grad automatisk alt-tekst-generering ved hjælp af kunstig intelligens og computer vision-teknologi. Microsoft 365-produkter, herunder PowerPoint, Word og Outlook, har nu automatiske alt-tekst-generatorer, der bruger billedtekstningsmodeller 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 tilpasning til 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 især skræddersyede tilgange til alt-tekst-oprettelse.

Bedste Praksis for at Skrive Effektiv Alt Tekst

At skabe effektiv alt-tekst kræver en balance mellem specificitet, kortfattethed og kontekstuel relevans. Guldreglen er at skrive alt-tekst, som om du beskriver billedet for en person, der ikke kan se det, med fokus på det, der betyder mest, frem for alle visuelle detaljer. Forskning fra tilgængelighedseksperter anbefaler at holde alt-tekst på 1-2 sætninger, ideelt under 125 tegn, da de fleste skærmlæsere afkorter tekst ud over denne længde. Undgå overflødige sætninger som “billede af,” “illustration af” eller “grafik af,” da skærmlæsere allerede annoncerer, at et billede er til stede. Gå i stedet direkte til beskrivelsen: I stedet for “Billede af en kvinde i gul jakke på cykel,” skriv “Kvinde i gul jakke på cykel gennem en bypark om efteråret.” Placer den vigtigste information først, da skærmlæserbrugere kan holde op med at lytte tidligt eller springe videre. For dekorative billeder skal du bruge et tomt alt-attribut (alt="") for at fortælle skærmlæsere, at de skal springe dem helt over, hvilket forhindrer unødvendige meddelelser. Inkluder relevante søgeord naturligt, hvis de passer til billedet og dets kontekst, men brug aldrig søgeordsstopning, som skader både brugeroplevelse og søgemaskinerangeringer. For komplekse billeder som diagrammer, infografikker eller grafer skal du give et kortfattet resumé af den vigtigste indsigt i alt-teksten og derefter supplere med en længere tekstbeskrivelse eller datatabel et andet sted på siden. For eksempel, i stedet for “Søjlediagram, der viser salgsdata,” skriv “Søjlediagram, der viser 30 % stigning i onlinesalg fra Q1 til Q2 2024, med peak-salg i juni.” Overvej konteksten af det omgivende indhold, når du skriver alt-tekst, da det samme billede kan kræve forskellige beskrivelser afhængigt af, hvordan det bruges. Et fotografi af Harvard’s Memorial Church kunne beskrives som “Studerende slapper af i farvede stole i Harvard Yard” i en artikel om forårsaktiviteter, men “Hollis Hall ligger ved siden af det åbne græsareal i Harvard Yard” i en artikel om campusarkitektur.

Platforms-Specifik 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 alle hjemmesider, gør det muligt at tilføje 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å blyantikonet og indtaste tekst i feltet “Image alt text.” WooCommerce, som driver cirka 38 % af e-handelssider, integrerer med WordPress’ mediebiblioteksfunktionalitet. Wix og Squarespace, populære hjemmesidebyggere, giver visuelle grænseflader, hvor brugere kan klikke på billeder og få adgang til alt-tekst-indstillinger via design- eller redigeringsmenuer. Sociale medieplatforme har i stigende grad prioriteret alt-tekst-tilgængelighed. Instagram giver brugere mulighed for at tilføje alt-tekst via Avancerede Indstillinger før offentliggørelse af opslag. Twitter (nu X) gør det muligt at tilføje alt-tekst ved at klikke på “+ALT”-knappen på uploadede billeder, med understøttelse af op til 1000 tegn. LinkedIn giver en “Tilføj Alt Tekst”-mulighed ved upload af billeder. Facebook genererer automatisk alt-tekst ved hjælp af AI, men brugere kan redigere eller tilpasse beskrivelser før offentliggørelse. Microsoft 365-applikationer – herunder PowerPoint, Word, Excel og Outlook – har nu automatisk alt-tekst-generering drevet af billedtekstnings-AI. Brugere kan godkende, redigere eller manuelt indtaste alt-tekst via Alt Tekst-ruden. Dette multi-platform-landskab betyder, at indholdsskabere skal forstå de specifikke arbejdsgange for hver platform, de bruger, selvom det underliggende princip forbliver det samme: beskrivende, kortfattet, kontekstuelt relevant tekst, der formidler billedets betydning.

Alt Tekst og AI-søgesynlighed

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 citationssporing. 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 indholdsattribution. Billeder med dårlig eller manglende alt-tekst kan blive fejltolket af AI-systemer, hvilket fører til unøjagtige beskrivelser eller mistede citationsmuligheder. Omvendt øger velskrevet alt-tekst sandsynligheden for, at dine billeder bliver korrekt forstået, citeret og tilskrevet i AI-genererede svar på tværs af flere platforme. Denne nye dimension af alt-tekstens vigtighed afspejler det bredere skift mod Generative Engine Optimization (GEO), hvor indholdsskabere ikke kun skal optimere til traditionelle søgemaskiner, men også til AI-systemer, der i stigende grad formidler, hvordan information opdages og deles online.

Statistisk Dokumentation og Overholdelseslandskab

Tilgængelighedskrisen omkring alt-tekst er veldokumenteret gennem grundig forskning. WebAIM Million-rapporten fra 2024, som analyserede de 1 million mest besøgte hjemmesider, viste, at 54,5 % af forsiderne manglede alternativ tekst til billeder, hvilket gør det til den næstmest almindelige WCAG-fejl efter lav kontrast-tekst (81 % af siderne). Rapporten afslørede også, at 18,5 % af alle forsidebilleder havde manglende alt-tekst, med gennemsnitligt 11 billeder pr. side uden beskrivelser. AudioEyes tilgængelighedsstatistik for 2024 rapporterede, at 60 % af billeder på internettet ikke havde nogen alternativ tekst, hvilket indikerer, at størstedelen af billeder på web og mobile enheder forbliver utilgængelige. Disse statistikker understreger et vedvarende gab mellem tilgængelighedsstandarder og implementering i den virkelige verden. Juridiske overholdelseskrav gør alt-tekst-implementering ufravigelig for mange organisationer. WCAG 2.1 Level A-standarden kræver udtrykkeligt tekstalternativer for alt ikke-tekstligt indhold, og WCAG 2.1 Level AA kræver mere detaljerede beskrivelser for komplekse billeder. Organisationer, der er omfattet af ADA i USA, EAA i Europa eller lignende tilgængelighedslovgivning, står over for juridisk ansvar for utilgængeligt indhold. Nyere retssager har i stigende grad rettet sig mod hjemmesider med dårlig tilgængelighed, herunder dem, der mangler korrekt alt-tekst. Sektion 508 af Rehabilitation Act kræver, at føderale myndigheder og kontraktører stiller tilgængeligt digitalt indhold til rådighed, herunder billeder med alt-tekst. Ud over juridiske krav afspejler alt-tekst-implementering organisatoriske værdier omkring inklusion og brugeroplevelse. Virksomheder, der prioriterer tilgængelighed, demonstrerer engagement i at betjene alle brugere, uanset evner, hvilket styrker brandomdømmet og udvider markedsrækkevidden.

Vigtige Aspekter og Fordele ved Korrekt Alt Tekst-Implementering

  • Tilgængelighedsoverholdelse: Opfylder WCAG 2.1, ADA, EAA og Sektion 508-krav, hvilket reducerer juridisk risiko og sikrer inkluderende design
  • Skærmlæserkompatibilitet: Gør det muligt for hjælpeteknologier som JAWS, NVDA og VoiceOver at kommunikere billedindhold til synshæmmede brugere
  • SEO-forbedring: Forbedrer billedsøgerangeringer, øger organisk trafik og styrker topisk relevans for søgemaskiner
  • Reservefunktionalitet: Vises, når billeder ikke kan indlæses på grund af ødelagte links, langsomme forbindelser eller browserproblemer, hvilket bevarer indholdsklarhed
  • 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 på langsomme forbindelser eller med tekst-only browsere
  • Indholdsklarhed: Sikrer, at billeders budskab og formål bevares, selv når visuelle elementer ikke kan vises
  • Mobil-tilgængelighed: Understøtter brugere på mobile enheder med begrænset båndbredde eller dem, der bruger tekstbaserede browsing-tilstande
  • Semantisk betydning: Forstærker sideindhold og hjælper søgemaskiner med at forbinde billeder til omgivende tekst for bedre indeksering
  • Brandkonsistens: Giver organisationer mulighed for at kontrollere, hvordan deres billeder beskrives og fortolkes på tværs af platforme

Almindelige Alt Tekst-Fejl

Selv teams, der ved, at alt-tekst betyder noget, underminerer det rutinemæssigt gennem en håndfuld tilbagevendende fejl. At starte beskrivelser med “billede af” eller “illustration af” spilder den begrænsede opmærksomhed, skærmlæserbrugere giver hvert element – softwaren annoncerer allerede, at et billede er til stede, så at indlede med den sætning forsinker blot det faktiske indhold. Søgeordsstopning for SEO gør beskrivende tekst til en ulæselig liste af søgetermer; dette overtræder WCAG’s hensigtsbaserede vejledning og skader aktivt både brugeroplevelsen og de søgerangeringer, det er ment at hjælpe. At undlade at give dekorative billeder et tomt alt=""-attribut tvinger skærmlæsere til at annoncere meningsløst fyld – mellemrum, kantlinjer og baggrundsudsmykning bør udtrykkeligt markeres til at springe over, ikke efterlades tomme ved udeladelse eller udfyldes med en beskrivelse, ingen har brug for. At skrive alt-tekst, der ignorerer omgivende kontekst producerer teknisk korrekte, men ubrugelige beskrivelser; det samme fotografi har brug for en anden beskrivelse, afhængigt af om siden handler om campusliv eller arkitektur, og generiske beskrivelser fejler i begge tilfælde. At stole på AI-genereret alt-tekst uden gennemgang bliver stadig mere almindeligt, efterhånden som værktøjer som Microsoft 365’s automatiske generator spreder sig, men disse beskrivelser mangler ofte den specifikke detalje eller det formål, der betyder noget i konteksten – de er et udkast, ikke en færdig beskrivelse. At overskride den effektive længde, skærmlæsere annoncerer (cirka 125 tegn) ved at proppe alle visuelle detaljer ind, begraver de en eller to fakta, der faktisk betyder noget, især for komplekse billeder som diagrammer, hvor nøgledatapunktet bør anføres direkte i stedet for at blive beskrevet visuelt.

Ofte stillede spørgsmå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

Ankertekst
Ankertekst: Definition, typer og SEO-bedste praksis

Ankertekst

Ankertekst er den klikbare tekst i hyperlinks, der hjælper søgemaskiner med at forstå siderelevans og forbedrer brugernavigation. Lær om typer, bedste praksis, ...

12 min læsning