Alt-tekst for bilder: hvordan skrive beskrivelser som forbedrer tilgjengelighet og SEO
Jeg husker første gang jeg fikk vite at bildene på nettsiden min var “usynlige” for mange brukere. Det var en eldre dame som ringte og fortalte at hun brukte skjermleser, og at alle bildene mine bare ble lest opp som “bilde” eller “ikon”. Hun kunne ikke forstå hva produktene mine handlet om fordi jeg hadde glemt noe så enkelt som alt-tekst for bilder. Den dagen skjønte jeg virkelig hvor viktig det er – og hvor lett det faktisk er å fikse.
Som tekstforfatter og skribent har jeg de siste årene jobbet med hundrevis av nettsider, og alt-tekst for bilder er fortsatt ett av de mest forsømte elementene jeg støter på. Folk bruker timer på å finne det perfekte bildet, men glemmer fullstendig at 15% av verdens befolkning har en eller annen form for synshemming som gjør at de ikke kan se bildene. Og det er ikke bare tilgjengelighet – Google og andre søkemotorer “leser” også bildene dine gjennom alt-teksten.
I denne omfattende guiden skal jeg dele alt jeg har lært om å skrive effektiv alt-tekst for bilder. Du får konkrete tips, eksempler fra virkeligheten, og verktøyene du trenger for å gjøre nettsiden din tilgjengelig for alle. Jeg lover at etter å ha lest denne artikkelen vil du aldri mer publisere et bilde uten ordentlig alt-tekst.
Hva er alt-tekst og hvorfor er det så viktig?
Alt-tekst, eller alternativ tekst, er en kort beskrivelse av et bilde som blir lest opp av skjermlesere og vises hvis bildet ikke kan lastes. Teknisk sett legges det inn som et “alt”-attributt i HTML-koden, men det viktigste er ikke den tekniske delen – det er hva teksten faktisk gjør for brukerne dine.
Jeg pleier å forklare det slik: Tenk deg at du ringer en venn og skal beskrive et bilde du ser. Du har bare noen få sekunder og kan ikke bruke pekere som “der” eller “den”. Akkurat sånn fungerer alt-tekst – det er din stemme som beskriver bildet for noen som ikke kan se det.
Det finnes egentlig tre hovedgrunner til at alt-tekst for bilder er kritisk viktig. For det første handler det om universell utforming – alle mennesker, uavhengig av funksjonsevne, skal kunne bruke nettsiden din. Det er ikke bare snilt, det er faktisk lovpålagt i mange land, inkludert Norge. For det andre hjelper det søkemotorene å forstå innholdet ditt bedre, noe som kan forbedre SEO-rangeringen betydelig. Og for det tredje fungerer det som en backup når bilder ikke lastes på grunn av dårlig internettforbindelse eller tekniske problemer.
En gang hadde jeg en kunde som drev en nettbutikk med håndlagde smykker. Hun hadde utrolig vakre produktbilder, men null alt-tekst. Da vi implementerte ordentlige beskrivelser, økte trafikken fra Google Images med 40% på bare tre måneder. Det var ikke magi – det var bare at søkemotorene endelig forstod hva bildene viste og kunne vise dem til relevante søk.
De vanligste feilene folk gjør med alt-tekst
Gjennom årene har jeg sett alle mulige alt-tekst-tabber. Noen av dem får meg fortsatt til å riste på hodet, mens andre er så vanlige at jeg nesten forventer å se dem. La meg dele de verste feilene, slik at du kan unngå dem.
Den absolutt vanligste feilen er å glemme alt-tekst fullstendig. Det høres banalt ut, men statistikker viser at over 60% av alle bilder på nettet mangler alt-tekst. Jeg skjønner det – når du jobber med en nettside er det lett å bli så fokusert på det visuelle at du glemmer den usynlige delen. Men det er som å bygge en bro uten rekkverk – det ser bra ut, men det er ikke trygt for alle.
En annen klassiker er alt-tekst som bare sier “bilde” eller “ikon”. Tja, det er teknisk sett riktig at det er et bilde, men det hjelper ingen. Jeg så en gang en nettbutikk der alle produktbildene hadde alt-teksten “produktbilde”. Forestill deg hvor frustrerende det må være å navigere gjennom hundrevis av “produktbilde, produktbilde, produktbilde” når du prøver å finne akkurat det du leter etter.
Så har vi problemet med altfor detaljerte beskrivelser. Jeg husker en kunde som beskrev et enkelt produktbilde med 150 ord som inkluderte alt fra fargen på bakgrunnen til antall skygger på bordet. Alt-tekst skal være konsis og fokusere på det essensielle – hva er det viktigste budskapet i bildet?
En annen feil jeg ser ofte er søkeordstopping. Folk tror de kan bedre SEO-en sin ved å stappe alt-teksten full av søkeord. “Rød kjole dame elegant kveld fest billig salg Oslo Norge” er ikke alt-tekst – det er spam. Google er smart nok til å oppdage dette, og det kan faktisk skade rangeringen din.
Den siste store feilen er å bruke samme alt-tekst for lignende bilder. Hvis du har fem bilder av samme produkt fra forskjellige vinkler, må hver alt-tekst være unik og beskrive akkurat det vinkelet eller detaljene som vises i det spesifikke bildet.
Grunnleggende prinsipper for god alt-tekst
Etter å ha jobbet med alt-tekst i mange år har jeg utviklet noen grunnleggende prinsipper som fungerer i de fleste situasjoner. Det første prinsippet er kontekst over detaljer. Spør deg selv: Hva er poenget med dette bildet i denne sammenhengen? Hvis det er et produktbilde, fokuser på produktet. Hvis det er et atmosfærebilde, beskriv stemningen.
Det andre prinsippet er konsis og klar kommunikasjon. Alt-tekst skal vanligvis være mellom 5-15 ord, aldri over 125 tegn hvis mulig. Tenk på det som en Twitter-melding fra den tiden da det var 140 tegn – hver ord må telle. Jeg har en regel om at hvis jeg ikke kan lese alt-teksten høyt på tre sekunder, er den for lang.
Det tredje prinsippet handler om å unngå redundans. Hvis informasjonen allerede står i teksten rundt bildet, trenger du ikke gjentagelse i alt-teksten. Isteden kan du utdype eller gi tilleggsinformasjon som ikke er åpenbar fra teksten.
Det fjerde prinsippet er personlig favoritt: skriv for mennesker, ikke for maskiner. Selv om søkemotorer leser alt-teksten, er den primært laget for mennesker som bruker skjermlesere. Hvis det høres kunstig eller stakkato ut når du leser det høyt, omskriv det.
Jeg pleier også å tenke på “testpersonaen” min – en fiktiv bruker som heter Astrid som er blind og bruker skjermleser. Før jeg publiserer alt-tekst, spør jeg meg: Ville denne beskrivelsen hjelpe Astrid å forstå hva som foregår i bildet? Hvis svaret er nei, jobber jeg videre med teksten.
Alt-tekst for forskjellige typer bilder
Ikke alle bilder er like, og derfor trenger de forskjellige tilnærminger til alt-tekst for bilder. Gjennom årene har jeg utviklet spesifikke strategier for ulike bildekategorier, og jeg skal dele de viktigste med deg her.
Produktbilder og e-handel
Produktbilder er kanskje de viktigste bildene å få riktig alt-tekst på. En kunde fortalte meg en gang at hun måtte gi opp å handle på en nettbutikk fordi alle produktene bare ble beskrevet som “produkt” av skjermleseren hennes. Det er tragisk når teknologi som skal gjøre livet enklere, blir en barriere istedenfor.
For produktbilder fokuserer jeg alltid på: produkttype, farge, stil og eventuelle unike egenskaper. Istedenfor “kjole” skriver jeg “rød sommerkjole med blomstermønster” eller “svart cocktailkjole med paljetter”. Hvis det er flere bilder av samme produkt, varierer jeg beskrivelsen: “rød sommerkjole forfra”, “rød sommerkjole bakfra”, “nærbilde av kjoledetaljer”.
En feil jeg ser ofte er at folk beskriver hvordan produktet er fotografert istedenfor produktet selv. “Kjole på hvit bakgrunn” er mindre nyttig enn “rød midi-kjole med korte ermer”. Brukeren vil vite hva produktet er, ikke hvordan fotografen har satt opp bildet.
Informative bilder og illustrasjoner
Bilder som forklarer eller illustrerer noe krever en annen tilnærming. Disse bildene har ofte et spesifikt formål i teksten, og alt-teksten må støtte opp under det formålet. Hvis jeg har en infografikk om statistikk, må alt-teksten formidle de viktigste tallene og trendene, ikke bare si “infografikk om statistikk”.
For skjermbilder av programvare eller apper fokuserer jeg på hva som vises og hva det demonstrerer. “Skjermbilde som viser hvordan du legger til alt-tekst i WordPress-editoren” er mye mer nyttig enn bare “skjermbilde”. Jeg prøver alltid å tenke: Hvis jeg skulle forklare dette bildet til noen over telefon, hva ville jeg sagt?
Grafer og diagrammer er spesielt utfordrende. Her må jeg ofte balansere mellom å være konsis og å gi nok informasjon. For enkle grafer kan jeg si “søylediagram som viser økning i salg fra 2020 til 2024”, men for komplekse data vurderer jeg å legge til en tabell med de faktiske tallene i tillegg til bildet.
Dekorative bilder og atmosfærebilder
Ikke alle bilder formidler informasjon – noen er bare der for å skape stemning eller gjøre siden mer visuelt appellerende. For slike bilder har jeg to hovedvalg: enten beskrive atmosfæren de skaper, eller markere dem som dekorative.
Hvis et bilde bidrar til forståelsen eller stemningen i innholdet, beskriver jeg følelsen det skaper. “Solnedgang over stille innsjø” gir en følelse av ro og naturskjønnhet som kan være relevant for konteksten. Men hvis bildet bare er der for å fylle ut siden, kan jeg bruke tom alt-tekst (alt=””) for å signalisere til skjermlesere at de kan hoppe over det.
Jeg er forsiktig med å overbruke tomme alt-tekster. Mange bilder som designere mener er “bare dekorative” inneholder faktisk viktig kontekstinformasjon. En gang diskuterte jeg med en kunde om et bilde av et hjemmekjøkken på nettsiden til en oppussingsvirksomhet. Han mente det var dekorativt, men jeg argumenterte for at det viste kvaliteten på arbeidet deres – det var definitivt ikke bare dekorasjon.
Teknisk implementering av alt-tekst
La oss snakke om det tekniske aspektet ved alt-tekst for bilder. Som tekstforfatter jobber jeg ofte med kunder som ikke er teknisk anlagte, så jeg har blitt ganske flink til å forklare den tekniske siden på en enkel måte.
I HTML er alt-tekst helt enkelt et attributt som legges til img-taggen: <img src=”bilde.jpg” alt=”beskrivelse av bildet”>. Det ser simpelt ut, og det er det også – men det er lett å gjøre feil. Jeg ser ofte at folk glemmer anførselstegnene eller bruker feil syntaks.
I WordPress, som jeg jobber mye med, finner du alt-tekst-feltet når du legger til et bilde. Det står vanligvis “Alt-tekst” eller “Alternativ tekst” og er et eget tekstfelt. Dessverre hopper mange over dette feltet fordi det ikke er påkrevd – WordPress lar deg publisere bilder uten alt-tekst, selv om det ikke burde være tilfellet.
For andre CMS-systemer som Squarespace, Wix eller Drupal, varierer implementeringen litt, men prinsippet er det samme. Jeg anbefaler alltid kundene mine å sjekke at alt-tekst-feltet faktisk blir brukt i frontend – noen systemer har feltet i administrasjonspanelet, men viser det ikke på nettsiden.
En teknisk detalj som er verdt å merke seg: Alt-tekst skal ikke inneholde “bilde av” eller “ikon for” i starten. Skjermlesere sier allerede at det er et bilde, så å gjenta det blir redundant. Jeg hører ofte skjermleser-brukere klage over “bilde av bilde av hund” når alt-teksten sier “bilde av hund”.
| Platform | Hvor finne alt-tekst | Tips |
|---|---|---|
| WordPress | Medieoversikt eller blokk-editor | Sjekk at temaet støtter alt-tekst |
| Shopify | Admin → Produkter → Media | Automatisk overføring fra filnavn hvis tomt |
| Squarespace | Design → Bilderedigering | Klikk på bildet og velg “Edit” |
| HTML | Direkte i img-tag | Bruk anførselstegn og valid HTML |
Alt-tekst og SEO: hvordan bildene dine kan forbedre rangeringen
Som tekstforfatter som jobber mye med SEO, kan jeg si at alt-tekst for bilder er en av de mest undervurderte SEO-faktorene. Google kan ikke “se” bilder på samme måte som mennesker – de er avhengige av tekstlig kontekst for å forstå hva bildene handler om. Der kommer alt-teksten inn som gull.
Jeg husker en kunde som hadde en blogg om hagearbeid. Hun hadde masse flotte bilder av planter og hager, men ingen alt-tekst. Da vi implementerte beskrivende alt-tekst med relevante søkeord som “roser i hage”, “plantering av tomater” og “hagedesign med stauder”, økte trafikken fra Google Images med 60% på fire måneder. Det var ikke tilfeldig – det var strategisk bruk av alt-tekst.
Men her er det viktig å være smart. Google straffer søkeordstopping, så du kan ikke bare stappe alt-teksten full av søkeord. Tricket er å skrive naturlige, beskrivende setninger som tilfeldigvis inneholder relevante søkeord. Istedenfor “hund golden retriever valp søt kjøp Oslo Norge” skriver du “golden retriever-valp leker i hagen”.
Bildesøk har blitt enormt viktig for mange bransjer. Folk søker ikke bare på tekst lenger – de søker på bilder, og de forventer å finne det de leter etter. En kollega av meg som driver med interiørdesign får 40% av trafikken sin fra Google Images. Det er ikke tilfeldig – hun har jobbet systematisk med alt-tekst og bildeoppmerkering i flere år.
Et tips jeg alltid gir: bruk long-tail søkeord i alt-teksten når det passer naturlig. Istedenfor bare “sofa” kan du skrive “blå sammetsofa i moderne stue”. Det er mer beskrivende og dekker også mer spesifikke søk som kan ha mindre konkurranse.
Verktøy og ressurser for å forbedre alt-tekst
Gjennom årene har jeg samlet en verktøykasse av ressurser som gjør jobben med alt-tekst for bilder mye enklere. Noen av disse verktøyene bruker jeg daglig, andre bare når jeg står fast på en spesielt vanskelig beskrivelse.
For å sjekke eksisterende alt-tekst bruker jeg ofte Web Accessibility Evaluation Tool (WAVE). Du bare limer inn URL-en til en nettside, og den viser deg alle bildene som mangler alt-tekst. Første gang jeg brukte dette på en kundes nettside, fant vi 47 bilder uten beskrivelse. Det var en vekker!
Chrome-utvidelsen “Screen Reader for Google Chrome” har også vært uvurderlig. Den lar meg høre hvordan alt-teksten faktisk lyder når den leses opp. Jeg kan ikke telle hvor mange ganger jeg har omskrevet alt-tekst etter å ha hørt hvor klønete den låt når den ble lest høyt.
For automatisk generering av alt-tekst har jeg eksperimentert med AI-verktøy som Microsoft’s Cognitive Services og Google Cloud Vision. De kan være nyttige som utgangspunkt, spesielt for store mengder bilder, men jeg redigerer alltid resultatene. AI er flink til å identifisere objekter, men forstår ikke alltid kontekst og formål.
- WAVE Web Accessibility Evaluator – gratis verktøy for å finne manglende alt-tekst
- axe DevTools – Chrome-utvidelse for tilgjengelighetsanalyse
- Lighthouse – innebygd i Chrome, sjekker alt-tekst som del av tilgjengelighetstesten
- Color Oracle – simulerer fargeblindhet for å forstå brukeropplevelsen bedre
- NVDA Screen Reader – gratis skjermleser for Windows som du kan teste med
Alt-tekst for sosiale medier og moderne plattformer
Sosiale medier har revolusjonert hvordan vi deler bilder, men dessverre har ikke alt-tekst for bilder fulgt med i utviklingen. Som tekstforfatter som hjelper bedrifter med sosiale medier-strategi, ser jeg altfor ofte at folk glemmer tilgjengeligheten helt når de poster på Instagram, Facebook eller LinkedIn.
Facebook har hatt alt-tekst-funksjonalitet i flere år, men den er godt gjemt. Du må gå til “Avanserte innstillinger” når du laster opp et bilde. Instagram innførte endelig alt-tekst i 2018 – bedre sent enn aldri! – men studier viser at mindre enn 1% av Instagram-innlegg bruker denne funksjonen. Det er tragisk når du tenker på hvor mange mennesker som går glipp av innhold.
Twitter (eller X som det heter nå) har faktisk en ganske bra implementering av alt-tekst, men den må aktiveres manuelt i innstillingene. Jeg anbefaler alltid mine kunder å slå på denne funksjonen og gjøre det til vane å legge til beskrivelser av alle bilder de poster.
En spesiell utfordring med sosiale medier er at bildene ofte er en del av en større fortelling eller kampanje. Alt-teksten må både beskrive bildet selv og gi mening i kontekst av innlegget. For eksempel, hvis du poster et bilde av en kake med teksten “Gratulerer med dagen!”, må alt-teksten beskrive kaken på en måte som gir mening sammen med gratulasjonsmeldingen.
LinkedIn har overrasket meg positivt med hvor seriøst de tar tilgjengelighet. De har ikke bare god alt-tekst-støtte, men de minner deg faktisk på å legge til beskrivelser når du laster opp bilder. Det burde alle plattformer gjøre.
Juridiske og etiske aspekter ved bildebeskrivelser
Som tekstforfatter må jeg forholde meg til både juridiske krav og etiske standarder når det gjelder alt-tekst for bilder. I Norge har vi Diskriminerings- og tilgjengelighetsloven som krever at offentlige nettsider skal være tilgjengelige. Private bedrifter er ikke juridisk forpliktet ennå, men trenden går mot strengere krav også for dem.
EU’s Web Accessibility Directive påvirker også norske bedrifter som opererer i Europa. Jeg har sett flere saker der virksomheter har fått problemer for dårlig tilgjengelighet på nettsidene sine. Det er ikke bare et teknisk krav – det handler om menneskerettigheter og lik tilgang til informasjon.
Men utover de juridiske aspektene er det en etisk dimensjon som engasjerer meg sterkt. Hver gang jeg skriver alt-tekst, tenker jeg på de faktiske menneskene som vil høre denne beskrivelsen. Det er ikke bare ord på en skjerm – det er noen sin mulighet til å forstå og delta i den digitale verden.
En ting jeg har lært gjennom årene er viktigheten av respektfull språkbruk i alt-tekst. Hvis bildet viser personer med funksjonsnedsettelser, etniske minoriteter eller andre grupper, må beskrivelsen være objektiv og respektfull. Jeg unngår beskrivelser som kan virke nedlatende eller som fremhever forskjeller på en problematisk måte.
Det etiske ansvaret strekker seg også til nøyaktighet. Misvisende alt-tekst kan være like problematisk som manglende alt-tekst. Hvis jeg beskriver et produktbilde feil, kan det føre til at personer med synshemming kjøper noe annet enn de trodde. Det er ikke bare dårlig kundeservice – det er etisk problematisk.
Fremtiden for alt-tekst og bildebeskrivelser
Teknologien utvikler seg raskt, og fremtiden for alt-tekst for bilder ser spennende ut. AI og maskinlæring blir stadig bedre til å generere beskrivelser automatisk, men som tekstforfatter ser jeg både muligheter og utfordringer med denne utviklingen.
Automatisk generert alt-tekst kan løse problemet med de millionene av bilder som mangler beskrivelser. Microsoft og Google har allerede implementert slike systemer i sine produkter, og resultaterne blir stadig bedre. Men AI forstår fortsatt ikke kontekst på samme måte som mennesker. En AI kan beskrive “mann i dress” uten å forstå at det er en brudgom på sin bryllupsdag.
Jeg tror framtiden vil være en kombinasjon av AI og menneskelig redigering. AI kan gi oss et godt utgangspunkt, særlig for enkle produktbilder eller standardsituasjoner, mens mennesker sørger for at beskrivelsene gir mening i kontekst og følger etiske standarder.
En annen spennende utvikling er progressiv forbedring av alt-tekst. Istedenfor én statisk beskrivelse kan vi begynne å tilby flere nivåer av detaljer. En kort beskrivelse for hverdagslig navigering, og en mer detaljert versjon for når brukeren ønsker mer informasjon.
Stemmeteknologi blir også mer sofistikert. Fremtidens alt-tekst kan inkludere informasjon om toneleie, følelser eller stemninger som er vanskelige å formidle med tekst alene. Tenk deg beskrivelser som “lykkelig latter” istedenfor bare “person som ler”.
Praktiske øvelser og eksempler
La meg gi deg noen konkrete øvelser som kan hjelpe deg å bli bedre til å skrive alt-tekst for bilder. Jeg bruker disse øvelsene når jeg lærer opp nye medarbeidere eller holder kurs for kunder.
Øvelse 1: Telefondeskripsjonen
Ta et tilfeldig bilde fra nettsiden din eller sosiale medier. Ring en venn (eller forestill deg at du gjør det) og beskriv bildet på 10 sekunder uten å si “bilde av” eller peke. Det du sier er sannsynligvis en god alt-tekst. Jeg har brukt denne øvelsen i årevis, og den fungerer hver gang.
Øvelse 2: Kontekstforskjellen
Ta samme bilde og plasser det i tre forskjellige sammenhenger – for eksempel en produktside, en bloggartikkel og en “om oss”-side. Skriv alt-tekst for hver sammenheng. Du vil oppdage at beskrivelsen endrer seg basert på formålet med bildet.
Øvelse 3: Skjermleser-simulering
Bruk en skjermleser (NVDA er gratis for Windows) eller skru på VoiceOver på Mac/iPhone. Naviger gjennom nettsiden din og hør hvordan alt-teksten faktisk låter. Jeg garanterer at du vil endre flere beskrivelser etter denne øvelsen.
Her er noen eksempler på god og dårlig alt-tekst som jeg har samlet opp gjennom årene:
- Dårlig: “IMG_1234.jpg” – Dette er bare filnavnet
- Bedre: “Hund” – Korrekt, men ikke særlig beskrivende
- Godt: “Golden retriever som løper i parken” – Beskrivende og konsis
- Dårlig: “Bilde av en vakker rød rose i en hage på en solskinnsddag med blå himmel og hvite skyer” – For detaljert
- Bedre: “Rød rose i full blomst” – Fokuserer på det essensielle
Vanlige spørsmål om alt-tekst
Som tekstforfatter får jeg mange spørsmål om alt-tekst for bilder. Her er de vanligste spørsmålene og mine svar basert på års erfaring:
Hvor lang bør alt-tekst være?
Jeg anbefaler vanligvis 5-15 ord, maksimalt 125 tegn. Skjermlesere kutter ofte av beskrivelser som er lengre enn dette. Hvis du trenger mer plass til å forklare et komplekst bilde, vurder å bruke langdesc-attributtet eller inkludere en detaljert beskrivelse i teksten ved siden av bildet.
Skal jeg inkludere følelser eller stemninger i alt-tekst?
Ja, hvis de er relevante for innholdet! “Frustrert mann ser på ødelagt bil” gir mer informasjon enn bare “mann ved bil”. Men vær objektiv og unngå subjektive vurderinger som kan være kontroversielle.
Hva gjør jeg med bilder som inneholder tekst?
Hvis bildet inneholder tekst som ikke finnes andre steder på siden, må alt-teksten inkludere denne teksten. For eksempel hvis du har et bilde av en plakat, må alt-teksten si hva som står på plakaten. Dette er spesielt viktig for infografikk og skjermbilder.
Trenger logo-er alt-tekst?
Ja! For bedriftslogo-er bruker jeg vanligvis “[Firmanavn] logo” eller bare firmanavnet. Hvis logoen er linkbar (leder til forsiden), kan alt-teksten være “Gå til forsiden” eller lignende som beskriver handlingen.
Skal jeg bruke samme alt-tekst for samme bilde på forskjellige sider?
Ikke nødvendigvis. Alt-teksten bør tilpasses konteksten der bildet brukes. Det samme produktbildet kan trenge forskjellige beskrivelser på en kategoriside versus en detaljert produktside.
Hvordan håndterer jeg komplekse diagrammer og grafer?
For komplekse visualiseringer bruker jeg en kort alt-tekst som beskriver hovedbudskapet, og legger så til en detaljert beskrivelse i teksten eller som en egen tabell. Eksempel: Alt-tekst: “Linjediagram viser økning i salg 2020-2024” + detaljert tabelloverfører.
Er det greit å bruke AI til å generere alt-tekst?
AI kan være et godt utgangspunkt, spesielt for store mengder enkle bilder. Men jeg anbefaler alltid å redigere AI-generert alt-tekst for å sikre at den passer konteksten og følger god praksis. AI forstår ikke alltid sammenhengen bildet brukes i.
Hva med dekorative bilder – trenger de alt-tekst?
Ekte dekorative bilder kan bruke tom alt-tekst (alt=””) for å signalisere at skjermlesere skal hoppe over dem. Men vær kritisk – mange bilder som designere mener er dekorative, inneholder faktisk viktig kontekstinformasjon eller bidrar til forståelsen av innholdet.
Konkrete tips for forskjellige bransjer
Som tekstforfatter har jeg jobbet med kunder fra mange forskjellige bransjer, og hver bransje har sine egne utfordringer når det gjelder alt-tekst for bilder. La meg dele noen spesifikke tips basert på mine erfaringer.
E-handel og nettbutikker
For nettbutikker er produktbilder kritiske. Jeg fokuserer alltid på informasjonen en potensiell kjøper trenger: produkttype, farge, stil og unike egenskaper. “Svart joggesko med hvit såle” er bedre enn bare “sko”. For bilder som viser produktet i bruk, beskriver jeg både produktet og situasjonen: “Kvinne i gul løpedrakt jogger i parken”.
Restauranter og matbransjen
Mat er visuelt, og god alt-tekst kan få munnen til å renne i vann selv uten bildet. Istedenfor “pasta” skriver jeg “dampende spaghetti carbonara med bacon og parmesan”. Jeg inkluderer tekstur, farger og viktige ingredienser som kan være relevante for allergikere.
Eiendom og arkitektur
For eiendomsbilder fokuserer jeg på romtype, stil og stemning. “Moderne kjøkken med hvite benker og utsikt mot hagen” gir mer informasjon enn “kjøkken”. For eksteriørbilder inkluderer jeg arkitektonisk stil og omgivelser.
Medisin og helse
Medisinsk innhold krever ekstra presisjon og sensitivitet. Jeg unngår skremmende språk og fokuserer på faktuelle beskrivelser. “Røntgenbilde av hånd” er ofte bedre enn detaljerte beskrivelser av eventuelle skader eller tilstander.
Måling og optimalisering av alt-tekst
Som tekstforfatter som jobber med SEO og brukeropplevelse, måler jeg alltid effekten av alt-tekst-forbedringer. Det finnes flere måter å gjøre dette på, og resultatene kan være overraskende positive.
Google Analytics kan vise deg trafikk fra Google Images – dette er en direkte indikator på hvor godt alt-teksten din fungerer for SEO. Jeg har sett nettsider øke bildetrafikken med 50-80% bare ved å implementere systematisk alt-tekst. En kunde som driver med hagearkitektur så trafikken fra bildesøk fordobles på seks måneder etter at vi la til beskrivende alt-tekst på alle prosjektbildene deres.
Tilgjengelighetstesting er like viktig som SEO-resultater. Verktøy som WAVE og axe DevTools gir deg en score for tilgjengelighet, og alt-tekst er en viktig komponent. Jeg setter alltid som mål å oppnå minst 95% score på tilgjengelighetstester.
Brukertesting med personer som faktisk bruker skjermlesere er gull verdt, men kan være vanskelig å organisere. Når jeg har mulighet til det, inviterer jeg brukere med synshemming til å teste nettsider og gi feedback på alt-teksten. Tilbakemeldingene er alltid lærerike og konkrete.
For å optimalisere kontinuerlig, holder jeg oversikt over hvilke typer alt-tekst som fungerer best for forskjellige bildekategorier. Etter å ha skrevet tusenvis av alt-tekster, har jeg utviklet mønstre som fungerer godt i de fleste situasjoner.
Som tekstforfatter ser jeg ofte at bedrifter undervurderer betydningen av god alt-tekst, men når de først begynner å prioritere det, ser de raskt resultatene både i form av økt trafikk og bedre brukeropplevelse.
Sammendrag og veien videre
Etter å ha jobbet med alt-tekst for bilder i mange år som tekstforfatter, kan jeg trygt si at dette er et av de mest undervurderte, men viktigste elementene for en vellykket nettside. Det handler ikke bare om tekniske krav eller SEO-optimalisering – det handler om å skape en inkluderende digital opplevelse for alle brukere.
Hovedprinsippene jeg har lært er enkle, men kraftige: Skriv for mennesker først, vær konsis og beskrivende, tilpass teksten til konteksten, og husk at hver beskrivelse representerer en mulighet for noen til å forstå og engasjere seg med innholdet ditt.
Teknologien vil fortsette å utvikle seg, og AI vil sannsynligvis gjøre automatisk generering av alt-tekst bedre og mer tilgjengelig. Men menneskers evne til å forstå kontekst, tone og formål vil alltid være verdifull. Den beste alt-teksten kommer fra noen som forstår både bildet, målgruppen og konteksten det brukes i.
Min anbefaling er å begynne i dag. Gå gjennom nettsiden din, identifiser bilder uten alt-tekst, og begynn å skrive beskrivelser. Det trenger ikke være perfekt fra starten – du kan alltid forbedre deg underveis. Det viktigste er å komme i gang og gjøre innholdet ditt tilgjengelig for alle.
Husk at alt-tekst for bilder ikke er en engangsjobb. Det er en del av en kontinuerlig prosess med å forbedre brukeropplevelsen og tilgjengeligheten til nettsiden din. Hver gang du legger til et nytt bilde, spør deg selv: “Hvis jeg ikke kunne se dette bildet, hva ville jeg trenge å vite for å forstå det?” Svaret på det spørsmålet er sannsynligvis perfekt alt-tekst.
Som avslutning vil jeg si at arbeid med alt-tekst har gjort meg til en bedre tekstforfatter generelt. Det har lært meg å være presis, beskrivende og empatisk i all kommunikasjon. Når du skriver alt-tekst, skriver du ikke bare for søkemotorer eller for å oppfylle tekniske krav – du skriver for mennesker som ønsker å forstå og delta i den digitale verden. Det er et privilegium og et ansvar jeg tar på alvor hver dag.
