En pragmatisk guide til alt-tekst for bilder i 2026

Hvorfor alt-tekst fortsatt er viktig

Alt-tekst har vært en del av HTML-spesifikasjonen siden 1995. Tretti år senere har de fleste bilder på nettet fortsatt enten ingen alt-attributt, eller alt-tekst som høres ut som den er skrevet av noen som aldri har brukt en skjermleser.

Problemet er ikke lenger bevissthet. De fleste innholdsstyringssystemer gjør nå alt-feltet obligatorisk. Problemet er at alt-tekst har blitt en avkrysningsboks for etterlevelse, i stedet for et kommunikasjonsverktøy. Folk skriver "bilde av en person som smiler" når den faktiske konteksten er "CEO kunngjør resultater for Q4."

Alt-tekst finnes av én grunn: å formidle formålet med et bilde til noen som ikke kan se det. Dette formålet endrer seg avhengig av kontekst. Et bilde av en kaffekopp på forsiden til en kafé har en annen funksjon enn det samme bildet i et blogginnlegg om glaseringsteknikker for keramikk.

I 2026 har vi også KI-verktøy som kan generere alt-tekst automatisk. Disse verktøyene blir bedre, men de forstår fortsatt ikke kontekst. De beskriver hva de ser, ikke hvorfor bildet er der.

Beslutningstreet: Trenger dette bildet alt-tekst?

Ikke alle bilder trenger beskrivende alt-tekst. Noen bilder er dekorative. Noen er overflødige. Noen fungerer bedre med bildetekster eller omkringliggende tekst.

Slik ser beslutningsprosessen ut:

Formidler bildet informasjon som ikke finnes i teksten rundt? Hvis ja, trenger det alt-tekst. Hvis nei, er det sannsynligvis dekorativt.

Ville en blind bruker gått glipp av noe viktig hvis dette bildet forsvant? Hvis ja, skriv alt-tekst. Hvis nei, bruk en tom alt-attributt (alt="") for å fortelle skjermlesere at de skal hoppe over det.

Er bildet en lenke eller knapp? Alt-teksten blir lenketeksten. Beskriv målet, ikke bildet. "Se prisplaner" er bedre enn "pilikon."

Er bildet komplekst – et diagram, en graf eller en infografikk? Alt-tekst har praktiske lengdegrenser (rundt 125 tegn er komfortabelt for de fleste skjermlesere). Komplekse bilder trenger lengre beskrivelser, enten i en bildetekst, i brødteksten eller via aria-describedby.

Hvordan god alt-tekst faktisk høres ut

God alt-tekst er spesifikk, kortfattet og kontekstbevisst. Den svarer på spørsmålet: Hvorfor er dette bildet her?

Dårlig: "Bilde av en graf"

Bedre: "Linjegraf som viser 23 % økning i mobiltrafikk fra januar til mars 2026"

Dårlig: "En person som bruker en laptop"

Bedre: "Designer gjennomgår nettsideskisser i Figma"

Dårlig: "Klikk her"

Bedre: "Last ned den komplette sjekklisten for tilgjengelighetsrevisjon (PDF)"

Legg merke til at god alt-tekst ofte inkluderer tall, handlinger eller resultater. Den beskriver ikke hver visuelle detalj. Den beskriver det som betyr noe.

For dekorative bilder – bakgrunnsteksturer i hero-felt, ornamentale rammer, rent estetiske illustrasjoner – bruk alt="". Dette er ikke latskap. Det er semantisk ærlighet. Skjermlesere hopper helt over bildet, og det er det du vil.

Vanlige feil som sløser bort alles tid

Å starte med "Bilde av" eller "Foto av": Skjermlesere kunngjør allerede at det er et bilde. Gå rett til beskrivelsen.

Nøkkelordstapping for SEO: Alt-tekst er ikke et sted å presse inn "beste økologiske kaffebønner Brooklyn håndverksbrent." Google bildesøk har vært flink til å oppdage dette i årevis. Skriv for mennesker.

Å beskrive filnavnet: "IMG_3847.jpg" hjelper ingen. Det gjør heller ikke "hero-banner-final-v3."

Å skrive en roman: Hvis alt-teksten din er lengre enn to setninger, hører informasjonen sannsynligvis hjemme i en bildetekst eller i brødteksten i stedet.

Å gjenta tekst ved siden av: Hvis overskriften sier "Slik baker du surdeigsbrød" og bildet viser noen som former deig, trenger ikke alt-teksten å gjenta overskriften. Beskriv det som er visuelt særegent: "Hender som bretter surdeigsdeig på en melet overflate."

Verktøy og arbeidsflyter som faktisk hjelper

De fleste moderne CMS-er har nå innebygde felt for alt-tekst. WordPress, Webflow, Contentful og Sanity viser alle alt-attributten tydelig ved opplasting. At feltet er synlig, betyr ikke at det fylles ut godt.

Hvis du reviderer et nettsted for manglende eller dårlig alt-tekst, kan nettleserutvidelser som Accessibility Insights eller axe DevTools flagge bilder uten alt-attributter. For en rask manuell sjekk kan du slå av bilder i nettleseren din (både Firefox og Chrome støtter dette) og lese siden. Hvis alt-teksten gir mening i kontekst, gjør du det bra.

KI-generert alt-tekst – tilgjengelig i verktøy som Azure Computer Vision, Google Cloud Vision eller innebygd i plattformer som Cloudflare Images – kan være et fornuftig utgangspunkt, særlig for store bildebiblioteker. Men behandle KI-alt-tekst som et førsteutkast. Den vil beskrive innholdet i bildet nøyaktig, men den vet ikke hvorfor bildet er på siden. En menneskelig redaktør må fortsatt legge til kontekst.

Hvis du jobber med et nettsted med tung bildebruk og vil fange opp ytelsesproblemer tidlig, kan verktøy som Wux Webtools' Image Compressor hjelpe deg med å optimalisere filstørrelser før opplasting – fordi alt-tekst bare er nyttig hvis bildet faktisk lastes inn.

Alt-tekst og SEO i 2026

Google har i årevis sagt at alt-tekst er en rangeringsfaktor for bildesøk. Det er fortsatt sant. Men optimalisering for bildesøk er ikke det samme som tilgjengelighet.

Hvis du først og fremst skriver alt-tekst for SEO, ender du opp med nøkkelordstappet tull som gjør siden vanskeligere å navigere for skjermleserbrukere. Hvis du skriver alt-tekst for tilgjengelighet først, følger SEO-fordelene naturlig, fordi beskrivende, kontekstuell alt-tekst er nøyaktig det Googles bildesøkalgoritme prøver å løfte frem.

Én nyanse: Google Images bruker nå omkringliggende sideinnhold mye mer enn før. Hvis alt-teksten din er god, men generisk ("sjokoladekake med glasur"), og siden din handler om vegansk baking, vil Google forstå konteksten. Du trenger ikke å skrive "vegansk sjokoladekake med melkefri glasur" med mindre denne forskjellen er visuelt tydelig i bildet.

Hovedpunkter

• Alt-tekst finnes for å formidle formålet med et bilde, ikke for å beskrive hver visuelle detalj
• Dekorative bilder bør bruke alt="" slik at skjermlesere hopper helt over dem
• God alt-tekst er spesifikk, kontekstbevisst og svarer på "hvorfor er dette bildet her?"
• KI-generert alt-tekst er et nyttig utgangspunkt, men trenger fortsatt menneskelig redigering for kontekst
• Skriv for tilgjengelighet først; SEO-fordeler følger naturlig av klar, beskrivende tekst

FAQ

Q: Kan jeg bare bruke KI til å generere all alt-teksten min?

A: KI-verktøy er gode til å beskrive hva som finnes i et bilde, men de forstår ikke kontekst. Hvis du jobber med hundrevis av produktbilder og trenger et grunnlag, er KI-alt-tekst greit. For redaksjonelt innhold, markedsføringssider eller noe der grunnen til at bildet finnes er viktig, må et menneske gjennomgå og redigere.

Q: Hvor lang bør alt-tekst være?

A: De fleste skjermlesere håndterer 125 tegn eller færre komfortabelt. Hvis du trenger mer enn det, hører informasjonen sannsynligvis hjemme i en bildetekst, i brødteksten eller i en lengre beskrivelse lenket via aria-describedby. Det finnes ingen hard teknisk grense, men lengre alt-tekst blir tungvint å navigere.

Q: Trenger jeg alt-tekst for logoer?

A: Ja, men hold det enkelt. Hvis logoen din er i toppfeltet og lenker til forsiden, bør alt-teksten være firmanavnet ditt: alt="Acme Corp". Ikke skriv alt="Acme Corp logo" med mindre det at det er en logo på en eller annen måte er relevant for konteksten.

Q: Hva er forskjellen mellom alt-tekst og en bildetekst?

A: Alt-tekst er en direkte erstatning for bildet. Den leses av skjermlesere når bildet påtreffes. En bildetekst er tilleggsinformasjon, synlig for alle, som legger til kontekst eller kreditering. Hvis du har begge deler, bør de ikke gjenta hverandre.

Q: Bør jeg legge til alt-tekst for bakgrunnsbilder i CSS?

A: Nei. CSS-bakgrunnsbilder er per definisjon dekorative og eksponeres ikke for skjermlesere. Hvis et bakgrunnsbilde formidler viktig informasjon, bør det være et <img>-element i HTML-en med riktig alt-tekst.

Kilder

• W3C Web Accessibility Initiative: Images Tutorial
• WebAIM: Alternative Text
• Nielsen Norman Group: Alt Text for Images
• Google Search Central: Image SEO Best Practices