Alt-tekst

Definisjon av alt-tekst

Alt-tekst, forkortelse for alternativ tekst, er et beskrivende HTML-attributt som legges til bildetagger og formidler betydningen, konteksten og formålet med visuelt innhold i digitale miljøer. Ifølge Microsofts offisielle dokumentasjon er alt-tekst beskrivende tekst som formidler betydningen og konteksten til et visuelt element i en digital setting, for eksempel i en app eller på en nettside. Når det implementeres korrekt, gjør alt-tekst det mulig for skjermlesere—hjelpeteknologier som brukes av personer med synshemninger—å lese bildebeskrivelser høyt, noe som gjør visuelt innhold tilgjengelig for alle brukere. Utover tilgjengelighet tjener alt-tekst en kritisk SEO-funksjon ved å hjelpe søkemotorer med å forstå og indeksere bildeinnhold, noe som forbedrer både bildesøkerangeringer og sidens samlede relevans. HTML-implementeringen er enkel: <img src="image.jpg" alt="Beskrivende tekst her">, der alt-attributtet inneholder tekstbeskrivelsen. Uten alt-tekst møter brukere som er avhengige av skjermlesere, tomme områder eller generiske kunngjøringer, og går glipp av essensiell informasjon som seende brukere tar for gitt.

Den kritiske rollen til alt-tekst i nettilgjengelighet

Betydningen av alt-tekst kan ikke overvurderes i sammenheng med digital tilgjengelighet og inkluderende webdesign. Ifølge 2024 WebAIM Million-rapporten—en analyse av de topp 1 million nettsidene—manglet 21,6 % av alle bilder på forsider alt-tekst, med et gjennomsnitt på 12 bilder per side uten beskrivelser. Enda mer alarmerende er at 14,6 % av bilder med alt-tekst hadde tvilsomme eller repetitive beskrivelser, noe som betyr at omtrent en tredjedel av bilder på populære forsider har manglende, tvilsom eller repetitiv alt-tekst. Dette tilgjengelighetsgapet påvirker direkte de anslagsvis 2,2 milliarder mennesker verden over med synshemninger som er avhengige av hjelpeteknologier for å navigere på nettet. Når skjermlesere som JAWS, NVDA og Microsoft Narrator møter bilder uten alt-tekst, kunngjør de enten ingenting eller leser filnavnet, noe som etterlater brukere forvirret og ute av stand til å forstå viktig innhold. Retningslinjene for tilgjengelighet av nettinnhold (WCAG), en internasjonalt anerkjent standard for nettilgjengelighet, krever uttrykkelig tekstalternativer for ikke-tekstlig innhold, noe som gjør alt-tekst til et juridisk samsvarskrav i henhold til lover som Americans with Disabilities Act (ADA) og European Accessibility Act (EAA). Organisasjoner som ikke implementerer korrekt alt-tekst, risikerer søksmål, omdømmetap og utestengelse av en betydelig del av verdens befolkning fra sine digitale opplevelser.

Ready to Monitor Your AI Visibility?

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

Kom i gang Kontakt

Alt-tekst vs. relaterte konsepter: Forstå forskjellene

Teknisk implementering og HTML-standarder

HTML-implementeringen av alt-tekst følger en enkel, men kritisk struktur. alt-attributtet plasseres inne i <img>-taggen, som er standardmåten å bygge inn bilder på nettsider. En korrekt formatert bildetagg ser slik ut: <img src="solnedgang-fjell.jpg" alt="Gylden solnedgang over snødekte fjelltopper med oransje og lilla himmel som speiler seg i rolig alpin innsjø">. Alt-teksten bør plasseres direkte i HTML-koden, noe som gjør den usynlig for seende brukere med mindre bildet ikke lastes inn—da vises alt-teksten i stedet for det manglende bildet. Denne reservefunksjonaliteten er spesielt viktig for brukere med trege internettforbindelser eller de som opplever ødelagte bildelenker. Innholdsstyringssystemer (CMS) som WordPress, Shopify, Wix og Squarespace tilbyr brukervennlige grensesnitt for å legge til alt-tekst uten å måtte redigere HTML direkte. I WordPress kan brukere for eksempel legge til alt-tekst gjennom Medienevn eller blokkredigererens bildeinnstillinger. Moderne plattformer tilbyr i økende grad automatisk generering av alt-tekst ved hjelp av kunstig intelligens og datateknologi. Microsoft 365-produkter, inkludert PowerPoint, Word og Outlook, har nå automatiske alt-tekst-generatorer som bruker bildetekstmodeller for å lage innledende beskrivelser. Imidlertid bør disse AI-genererte beskrivelsene alltid gjennomgås og bearbeides av mennesker for å sikre nøyaktighet, relevans og samsvar med omkringliggende innhold. WCAG 2.1-standarden spesifiserer at alle bilder må ha tekstalternativer, med spesifikke retningslinjer for ulike bildetyper: fotografier, ikoner, illustrasjoner, diagrammer, kart og lenkede bilder krever hver sin skreddersydde tilnærming til opprettelse av alt-tekst.

Stay Updated on AI Visibility Trends

Get the latest insights on AI mentions, brand monitoring, and optimization strategies.

Email address

Subscribe

Beste praksis for å skrive effektiv alt-tekst

Å skape effektiv alt-tekst krever en balanse mellom spesifisitet, konsisitet og kontekstuell relevans. Hovedregelen er å skrive alt-tekst som om du beskrev bildet for noen som ikke kan se det, med fokus på det som er viktigst snarere enn alle visuelle detaljer. Forskning fra tilgjengelighetseksperter anbefaler å holde alt-tekst på 1–2 setninger, ideelt under 125 tegn, siden de fleste skjermlesere kutter av teksten utover denne lengden. Unngå overflødige fraser som «bilde av», «illustrasjon av» eller «grafikk av», siden skjermlesere allerede kunngjør at et bilde er til stede. Gå heller rett på beskrivelsen: i stedet for «Bilde av en kvinne i gul jakke som sykler», skriv «Kvinne i gul jakke som sykler gjennom en bypark om høsten». Plasser den viktigste informasjonen først, siden skjermleserbrukere kan slutte å lytte tidlig eller hoppe videre. For dekorative bilder, bruk et tomt alt-attributt (alt="") for å fortelle skjermlesere at de skal hoppe over bildet helt, noe som forhindrer unødvendige kunngjøringer. Inkluder relevante nøkkelord naturlig hvis de passer til bildet og konteksten, men aldri drev med nøkkelordstopping, som skader både brukeropplevelsen og søkemotorrangeringene. For komplekse bilder som diagrammer, infografikk eller illustrasjoner, gi et konsist sammendrag av hovedinnsikten i alt-teksten, supplert med en lengre tekstbeskrivelse eller datatabell et annet sted på siden. For eksempel, i stedet for «Stolpediagram som viser salgsdata», skriv «Stolpediagram som viser 30 % økning i nettsalg fra Q1 til Q2 2024, med høyest salg i juni». Vurder konteksten til omkringliggende innhold når du skriver alt-tekst, siden samme bilde kan kreve ulike beskrivelser avhengig av hvordan det brukes. Et fotografi av Harvard Memorial Church kan beskrives som «Studenter slapper av i fargede stoler i Harvard Yard» i en artikkel om våraktiviteter, men «Hollis Hall ligger ved siden av det åpne gressområdet Harvard Yard» i en artikkel om campusarkitektur.

Plattformspesifikk implementering på tvers av digitale økosystemer

Ulike plattformer og innholdsstyringssystemer krever forskjellige tilnærminger til implementering av alt-tekst. WordPress, det mest brukte CMS-et som driver over 43 % av nettsider, tillater tillegg av alt-tekst gjennom Medienevn eller Gutenberg-blokkredigeringsverktøyet. Brukere kan redigere eksisterende bilder ved å navigere til Media > Bibliotek, klikke på et bilde og skrive inn alt-tekst i det angitte feltet. Shopify, en ledende e-handelsplattform, muliggjør redigering av alt-tekst under opplasting av produktbilder eller gjennom produktredigeringsverktøyet ved å klikke på blyantikonet og skrive inn tekst i «Bilde alt-tekst»-feltet. WooCommerce, som driver omtrent 38 % av e-handelsnettsteder, integrerer seg med WordPress’ mediebibliotekfunksjonalitet. Wix og Squarespace, populære nettsidebyggere, tilbyr visuelle grensesnitt der brukere kan klikke på bilder og få tilgang til alt-tekst-innstillinger gjennom design- eller redigeringsmenyer. Sosiale medieplattformer har i økende grad prioritert alt-tekst-tilgjengelighet. Instagram lar brukere legge til alt-tekst gjennom Avanserte innstillinger før de publiserer innlegg. Twitter (nå X) muliggjør tillegg av alt-tekst ved å klikke på «+ALT»-knappen på opplastede bilder, med støtte for opptil 1000 tegn. LinkedIn tilbyr et «Legg til alt-tekst»-alternativ ved opplasting av bilder. Facebook genererer automatisk alt-tekst ved hjelp av AI, men brukere kan redigere eller tilpasse beskrivelser før publisering. Microsoft 365-applikasjoner—inkludert PowerPoint, Word, Excel og Outlook—har nå automatisk generering av alt-tekst drevet av AI for bildeteksting. Brukere kan godkjenne, redigere eller manuelt skrive inn alt-tekst gjennom Alt-tekst-ruten. Dette flerplattformslandskapet betyr at innholdsprodusenter må forstå de spesifikke arbeidsflytene for hver plattform de bruker, selv om det underliggende prinsippet forblir det samme: beskrivende, konsis, kontekstuelt relevant tekst som formidler bildets betydning.

Alt-tekst og AI-søkesynlighet

Ettersom generative AI-systemer som ChatGPT, Perplexity, Google AI Overviews og Claude i økende grad analyserer og siterer nettinnhold, har alt-tekst blitt strategisk viktig for AI-synlighet og siteringssporing. Disse AI-plattformene bruker Retrieval-Augmented Generation (RAG)-teknologi, noe som betyr at de søker på nettet etter relevant informasjon og siterer kilder i svarene sine. Når AI-systemer støter på bilder med velskrevet alt-tekst, kan de bedre forstå det visuelle innholdet og innlemme det i svarene sine. Alt-tekst hjelper AI-systemer med å tolke og beskrive bilder nøyaktig, noe som forbedrer relevansen og nøyaktigheten av AI-generert innhold. For organisasjoner som bruker AmICited eller lignende AI-overvåkingsplattformer, er sporing av hvordan bilder og deres alt-tekst vises i AI-svar avgjørende for å forstå merkevaresynlighet og innholdsattribusjon. Bilder med dårlig eller manglende alt-tekst kan bli feiltolket av AI-systemer, noe som fører til unøyaktige beskrivelser eller tapte siteringsmuligheter. Omvendt øker velskrevet alt-tekst sannsynligheten for at bildene dine blir korrekt forstått, sitert og tilskrevet i AI-genererte svar på tvers av flere plattformer. Denne nye dimensjonen av alt-tekstens betydning gjenspeiler det bredere skiftet mot Generativ Motoroptimalisering (GEO), der innholdsprodusenter må optimalisere ikke bare for tradisjonelle søkemotorer, men også for AI-systemer som i økende grad formidler hvordan informasjon oppdages og deles på nettet.

Statistisk dokumentasjon og samsvarslandskap

Tilgjengelighetskrisen rundt alt-tekst er godt dokumentert gjennom grundig forskning. 2024 WebAIM Million-rapporten, som analyserte de topp 1 million nettsidene, fant at 54,5 % av forsider manglet alternativ tekst for bilder, noe som gjør det til den nest vanligste WCAG-svikten etter lavkontrast-tekst (81 % av sidene). Rapporten avslørte også at 18,5 % av alle bilder på forsider manglet alt-tekst, med et gjennomsnitt på 11 bilder per side uten beskrivelser. AudioEyes 2024-tilgjengelighetsstatistikk rapporterte at 60 % av bilder på nettet manglet alternativ tekst, noe som indikerer at flertallet av bilder på nett- og mobilenheter forblir utilgjengelige. Disse statistikkene understreker et vedvarende gap mellom tilgjengelighetsstandarder og implementering i praksis. Juridiske samsvarskrav gjør implementering av alt-tekst ufravikelig for mange organisasjoner. WCAG 2.1 Nivå A-standarden krever uttrykkelig tekstalternativer for alt ikke-tekstlig innhold, og WCAG 2.1 Nivå AA krever mer detaljerte beskrivelser for komplekse bilder. Organisasjoner som er underlagt ADA i USA, EAA i Europa, eller lignende tilgjengelighetslovgivning, står overfor juridisk ansvar for utilgjengelig innhold. Nyere rettssaker har i økende grad rettet seg mot nettsteder med dårlig tilgjengelighet, inkludert de som mangler korrekt alt-tekst. Seksjon 508 av Rehabilitation Act krever at føderale etater og kontraktører tilbyr tilgjengelig digitalt innhold, inkludert bilder med alt-tekst. Utover juridiske krav reflekterer implementering av alt-tekst organisasjonens verdier rundt inkludering og brukeropplevelse. Bedrifter som prioriterer tilgjengelighet, viser en forpliktelse til å betjene alle brukere, uavhengig av funksjonsevne, noe som styrker merkevareomdømmet og utvider markedsrekkevidden.

Sentrale aspekter og fordeler ved korrekt implementering av alt-tekst

• Tilgjengelighetssamsvar: Oppfyller WCAG 2.1, ADA, EAA og Seksjon 508-krav, reduserer juridisk risiko og sikrer inkluderende design
• Skjermleserkompatibilitet: Gjør det mulig for hjelpeteknologier som JAWS, NVDA og VoiceOver å kommunisere bildeinnhold til synshemmede brukere
• SEO-forbedring: Forbedrer bildesøkerangeringer, øker organisk trafikk og styrker emnerelatert relevans for søkemotorer
• Reservefunksjonalitet: Vises når bilder ikke lastes inn på grunn av ødelagte lenker, trege forbindelser eller nettleserproblemer, og opprettholder innholdsklarhet
• AI-systemforståelse: Hjelper generative AI-plattformer med å tolke og sitere visuelt innhold nøyaktig i svar
• Brukeropplevelse: Gir kontekst til alle brukere, inkludert de med trege forbindelser eller som bruker tekstbaserte nettlesere
• Innholdsklarhet: Sikrer at bildets budskap og formål bevares selv når visuelle elementer ikke kan vises
• Mobiltilgjengelighet: Støtter brukere på mobile enheter med begrenset båndbredde eller de som bruker tekstbaserte nettlesingsmoduser
• Semantisk betydning: Forsterker sideinnhold og hjelper søkemotorer med å koble bilder til omkringliggende tekst for bedre indeksering
• Merkevarekonsistens: Lar organisasjoner kontrollere hvordan bildene deres beskrives og tolkes på tvers av plattformer

Vanlige feil med alt-tekst

Selv team som vet at alt-tekst er viktig, undergraver det rutinemessig gjennom en håndfull tilbakevendende feil. Å starte beskrivelser med «bilde av» eller «illustrasjon av» kaster bort den begrensede oppmerksomheten skjermleserbrukere gir hvert element—programvaren kunngjør allerede at et bilde er til stede, så å starte med den frasen forsinker bare det faktiske innholdet. Nøkkelordstopping for SEO gjør beskrivende tekst til en uleselig liste over søkeord; dette bryter WCAGs intensjonsbaserte veiledning og skader aktivt både brukeropplevelsen og søkerangeringene den er ment å hjelpe. Å la dekorative bilder stå uten et tomt alt=""-attributt tvinger skjermlesere til å kunngjøre meningsløst fyllstoff—mellomrom, rammer og bakgrunnspynt bør uttrykkelig merkes for å hoppes over, ikke utelates ved unnlatelse eller fylles med en beskrivelse ingen trenger. Å skrive alt-tekst som ignorerer omkringliggende kontekst gir teknisk korrekte, men unyttige beskrivelser; det samme fotografiet trenger ulike beskrivelser avhengig av om siden handler om campusliv eller arkitektur, og generiske beskrivelser svikter i begge tilfeller. Å stole på AI-generert alt-tekst uten gjennomgang blir stadig vanligere ettersom verktøy som Microsoft 365s automatiske generator sprer seg, men disse beskrivelsene mangler ofte den spesifikke detaljen eller formålet som er relevant i kontekst—de er et utkast, ikke en ferdig beskrivelse. Å overskride den effektive lengden skjermlesere kunngjør (omtrent 125 tegn) ved å stappe inn hver visuelle detalj begraver de én eller to faktaene som faktisk betyr noe, spesielt for komplekse bilder som diagrammer, der det viktigste datapunktet bør angis direkte i stedet for å beskrives visuelt.