Asterisk - Unusually Webflow Template
Kunskapsbanken —
Kunskapsbanken —
Kunskapsbanken —
Kunskapsbanken —
Kunskapsbanken —
Kunskapsbanken —
Publiceringsdatum:
29/5/2026
Senast ändrad:
24/6/2026

Alt-text (alt-attribut) – bild-SEO, tillgänglighet och hur du skriver bra alternativtext

Definition

Alt-text (alternativtext) är den beskrivande texten i en bilds alt-attribut. Den läses upp av skärmläsare, visas om bilden inte laddas och ger sökmotorer och AI kontext om vad bilden föreställer. Alt-text är därför både ett tillgänglighets- och ett SEO-verktyg.

Vad är alt-text?

Alt-text, eller alternativtext, är den beskrivande text som anges i en bilds alt-attribut i HTML-koden. Den fyller tre funktioner: skärmläsare läser upp den för personer med synnedsättning, den visas som reservtext om bilden inte kan laddas, och den hjälper sökmotorer och AI-modeller att tolka vad bilden föreställer och varför den ligger på sidan. Alt-text är därför både ett tillgänglighetsverktyg, ett SEO-verktyg och en kontextsignal för maskiner.

Att bilder saknar alt-text är fortfarande ett av webbens vanligaste fel. Enligt WebAIM Million 2026 har 53,1 procent av alla startsidor minst en bild utan alt-text – i snitt saknar 10,8 bilder per sida textalternativ. Det är ett stort och enkelt åtgärdat utrymme för den som tar tag i det.

Alt-text vs bildtext och title-attribut – vad gör vad?

Tre begrepp blandas ofta ihop: alt-attributet, den synliga bildtexten (caption) och title-attributet. De gör helt olika saker, och bara ett av dem är ett tillgänglighetskrav.

Kort sagt: alt-texten är osynlig och beskriver bilden för dem som inte ser den, bildtexten är synlig för alla och tillför kontext, och title-attributet är en hover-text som varken skärmläsare eller sökmotorer kan lita på. Skriv alt-text för alla meningsbärande bilder, använd bildtext när den tillför något, och utelämna title-attributet.

Fyra typer av bilder – så väljer du rätt alt-text

Det finns ingen universell regel för alt-text, eftersom det beror på vilken roll bilden spelar på sidan. W3C delar in bilder i några grundtyper, och beslutet skiljer sig markant mellan dem. Beslutsträdet nedan sammanfattar logiken.

Beslutsträd för att välja alt-text efter bildtyp: dekorativ bild ger tomt alt, länk eller knapp beskriver destinationen, komplex bild får kort alt plus figcaption, annars beskriv innehållet.
Bildens roll på sidan avgör alt-texten – inte hur den ser ut.
  • Informativa bilder bär information som inte finns i texten – ett produktfoto, en skärmdump, ett diagram. De ska ha en alt-text som förmedlar samma information.
  • Funktionella bilder är klickbara och utför en handling, till exempel en logga som länkar hem eller en ikon som öppnar sök. Här beskriver du destinationen eller handlingen, inte utseendet.
  • Dekorativa bilder tillför ingen information – bakgrundsmönster, avdelare, rena stämningsbilder. De ska ha ett tomt alt-attribut (alt="") så att skärmläsaren hoppar över dem.
  • Komplexa bilder som diagram, grafer och infografik kräver mer: en kort alt-text som anger vad bilden visar, plus en längre beskrivning i löptext, bildtext eller tabell intill.

Utelämna aldrig alt-attributet helt – inte ens på dekorativa bilder. Skillnaden är viktig: alt="" säger åt skärmläsaren att ignorera bilden, medan ett helt saknat attribut kan få vissa skärmläsare att läsa upp filnamnet eller bildens URL i stället.

Hur skriver du bra alt-text?

En bra alt-text beskriver bildens innehåll och funktion kort och konkret, anpassat till sammanhanget på sidan. Den ska kunna ersätta bilden – om du läser bara texten ska du inte missa något viktigt.

  • Var specifik. Beskriv vad som faktiskt syns och varför det är relevant just här.
  • Skriv inte "bild på" eller "foto av". Skärmläsaren meddelar redan att det är en bild.
  • Beskriv funktionen för klickbara bilder. En länkad logga ska säga vart länken går, inte hur loggan ser ut.
  • Väv in sökord naturligt. Bara om de hör hemma i beskrivningen – aldrig påklistrat.
  • Anpassa till kontexten. Samma bild kan kräva olika alt-text på olika sidor beroende på vad poängen är.

En vanlig missuppfattning är att alt-text måste hållas under 125 tecken. Den gränsen kommer från äldre skärmläsarbeteende, inte från Google – vissa skärmläsare klipper långa texter. I praktiken räcker en koncis mening nästan alltid. Skriv så långt som krävs för att förmedla bildens poäng, inte längre, och lägg riktigt långa beskrivningar i bildtext eller löptext i stället.

Konkreta exempel gör skillnaden tydlig:

  • Informativ (skärmdump): dålig alt="bild" → bra alt="Webflow Designer med öppen CMS-kollektion för blogginlägg".
  • Funktionell (logga som länkar hem): dålig alt="logotyp" → bra alt="SEOS Design – till startsidan". Beskriv destinationen, inte utseendet.
  • Dekorativ (bakgrundsmönster): fel alt="abstrakt lila mönster" → rätt alt="".
  • Komplex (diagram): svag alt="diagram" → bra alt="Linjediagram: organisk trafik ökade från 200 till 1 400 besök/mån på 6 månader", med kompletterande bildtext eller tabell intill.

Alt-text och SEO – så påverkar det ranking

Alt-text ger sökmotorer kontext om bilder, vilket är viktigt för synlighet i Google Bilder och bidrar till förståelsen av sidan som helhet. Enligt Google Search Central använder Google alt-text tillsammans med datorseende och sidans övriga innehåll för att förstå vad en bild visar. Google varnar samtidigt uttryckligen för keyword stuffing i alt-attribut – överfyllda alt-texter kan klassas som spam.

Effekten är alltså konkret men inte magisk: välskriven alt-text stärker on-page-seo genom att förtydliga sidans ämne och kan ge bildtrafik, men den lyfter inte en svag sida på egen hand. Det finns också ett indirekt värde. En studie av 10 000 webbplatser (Semrush och AccessibilityChecker.org, 2025) visar att webbplatser med höga tillgänglighetspoäng korrelerar med 23 % mer organisk trafik och rankar på 27 % fler sökord. Det är en korrelation, inte ett orsakssamband – men tillgänglighet och teknisk kvalitet följs ofta åt, och alt-text är en av de enklaste delarna att åtgärda.

Alt-text, tillgänglighet och lagen

För den som använder skärmläsare är alt-texten ofta enda sättet att uppfatta en bilds innehåll. Därför är den ett uttryckligt krav i WCAG. Enligt W3C kräver WCAG 2.2 framgångskriterium 1.1.1 Icke-textuellt innehåll (nivå A) att allt icke-textinnehåll har ett textalternativ som tjänar samma syfte. Dekorativa bilder uppfyller kriteriet genom tomt alt (alt="") eller genom att döljas med CSS.

För svenska företag är detta dessutom en lagfråga. Lagen om vissa produkters och tjänsters tillgänglighet trädde i kraft 28 juni 2025 och genomför EU:s tillgänglighetsdirektiv (EAA). Den gäller privata företag som erbjuder konsumenttjänster digitalt. Mikroföretag är undantagna – men bara de som har färre än tio anställda och under två miljoner euro i omsättning eller balansomslutning. Ett företag med åtta anställda och fem miljoner euro i omsättning omfattas alltså. Referensstandarden är EN 301 549, som bygger på WCAG nivå A och AA; alt-text är ett nivå A-krav via kriterium 1.1.1. Mer om vad lagen innebär i praktiken finns i Tillgänglighetsdirektivet – så påverkas din webbplats av lagen.

Spelar alt-text fortfarande roll när AI kan "se" bilder?

Multimodala AI-modeller kan i dag tolka en bild direkt och beskriva vad som finns på den. Det väcker en rimlig fråga: behövs alt-text när AI-modellen ändå ser bilden? Svaret är ja, och skälet är precist. En modell kan se vad bilden föreställer, men inte varför just den bilden ligger på just din sida. Den kontexten ger alt-texten.

Alt-text är maskinens kontextsignal. Vid crawl och citering i stor skala är textsignaler billigast och mest tillförlitliga att läsa. En sökmotor eller en svarsmotor behöver inte rendera och bildtolka varje bild om beskrivningen redan står i koden. Google är tydliga med att de kombinerar alt-text, datorseende och sidans innehåll snarare än att förlita sig på något av dem ensamt. Alt-texten är den del du själv styr över, och den som är enklast för en maskin att lita på.

För AEO och citerbarhet i AI-svar som AI Overviews betyder det att en väl beskriven bild blir en tydlig, maskinläsbar uppgift om din sida – inte något ett system får gissa sig till. Mer om hur AI tolkar och citerar innehåll finns i AI Overviews och GEO.

Vanliga myter och fel om alt-text

  • "Alt-text måste vara under 125 tecken." Gränsen gäller vissa skärmläsares beteende, inte Google. En koncis mening räcker oftast – skriv så långt poängen kräver.
  • "Fler sökord i alt-texten ger bättre ranking." Tvärtom – Google varnar för keyword stuffing och kan se det som spam.
  • "Alla bilder ska ha alt-text." Nej – dekorativa bilder ska ha tomt alt (alt="") så att de hoppas över.
  • "AI ser bilden ändå, så alt-text är onödigt." Modellen ser vad bilden visar, inte varför den finns på sidan. Alt-texten ger kontexten och är den signal maskiner litar mest på.
  • "Title-attributet räcker som alternativtext." Nej – title visas bara vid hover och läses inte tillförlitligt av skärmläsare eller sökmotorer.

Innehållet i detta inlägg

Redo att ta nästa steg?

Nu när du lärt dig mer om Alt-text kanske du känner dig nyfiken på vad ditt nästa steg borde vara.

Vi står alltid till tjänst och svarar gärna på frågor och funderingar!

Boka ett intro möte

utforska mer termer inom webbdesign & SEO

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.