Skriv alt-text för alla meningsbärande bilder på webbplatsen och lämna dekorativa bilder med ett tomt attribut, alt=“”. Det här kravet kommer direkt från WCAG 1.1.1, och svenska riktlinjer från Digg och Trafikverket följer samma princip. Regeln är enkel även om tillämpningen kräver övning: en bild som bär information ska ha ett textalternativ som fyller samma funktion för den som inte kan se bilden.
Kort sagt:
Alla bilder som förmedlar information eller utför funktioner måste ha en beskrivande alt-text för att säkerställa tillgänglighet och korrekt sökbarhet.
Dekorativa bilder ska alltid markeras med ett tomt alt=“” för att undvika att skärmläsare läser upp överflödig information.
En bra alt-text är kort, konkret och fokus ligger på bildens syfte i det aktuella sammanhanget, snarare än utseendet i sig.
För komplexa bilder som diagram och kartor rekommenderas kortfattad alt-text kombinerat med en längre beskrivning i närheten av bilden.
Att skriva genomtänkta alt-texter ses som en kvalitetssignal och bör integreras i publiceringsprocessen för att förbättra användarupplevelsen.
Innehållsförteckning
Varför alt-text bilder spelar roll för tillgänglighet och sökbarhet
Komplexa bilder: diagram, kartor och infografik kräver mer än en rad
Funktionella och klickbara bilder bilder: beskriv handlingen, inte utseendet
Ett alternativ: professionell bildproduktion med tillgänglighet inbyggd
Varför alt-text bilder spelar roll för tillgänglighet och sökbarhet
WCAG 1.1.1 kräver att allt icke-textuellt innehåll har ett textalternativ som tjänar samma syfte som bilden själv. Det låter tekniskt, men innebörden är rak: en skärmläsare kan inte tolka pixlar, bara text. När en användare med synnedsättning navigerar en sida läser skärmläsaren upp alt-attributet i stället för bilden, och en tom eller felaktig alt-text skapar en lucka i upplevelsen som ofta är svår att kompensera för på annat sätt.
Alt-text fungerar också som en kontextsignal för sökmotorer och AI-system som tolkar bildinnehåll. Det handlar inte om att lura algoritmer utan om att beskriva verkligheten korrekt, vilket SEOS Design påpekar när de varnar för att alt-text missbrukad för sökordsoptimering uppfattas som spam snarare än hjälp. En webbplats som konsekvent skriver bra alt-texter signalerar kvalitet på flera plan samtidigt, från juridisk efterlevnad till hur väl innehållet fungerar i praktiken.
När behöver bilden alt-text bilder egentligen?
Alla bilder behöver ett alt-attribut, men innehållet i det beror på bildens roll. Tre kategorier täcker nästan alla fall du stöter på i redaktionellt arbete:
Meningsbärande bilder förmedlar information som texten runt omkring inte redan ger, till exempel ett produktfoto, en person i en artikel eller en skärmdump som visar ett gränssnitt.
Funktionella bilder utför en handling, som en logga som länkar till startsidan eller en ikon som skickar ett formulär.
Dekorativa bilder tillför bara visuell stil, som ett bakgrundsmönster eller en avdelare mellan textstycken.
Beslutsregeln är att fråga dig själv vad som går förlorat om bilden försvinner helt. Förmedlar den information eller utlöser en funktion måste den ha en beskrivande alt-text. Är svaret ingenting alls är bilden dekorativ och ska ha alt=“”. Att helt utelämna alt-attributet, snarare än att sätta det tomt, är ett vanligt misstag som gör att vissa skärmläsare läser upp filnamnet i stället, vilket är betydligt sämre än tystnad.
Hur skriver du en bra alt-text bilder: regler och exempel
En bra alt-text är kort men konkret, skriven för sammanhanget snarare än för bilden isolerat. Microsoft Supports riktlinjer betonar att texten ska beskriva syftet i sammanhanget och undvika onödiga fraser. Följ dessa steg när du skriver eller granskar en alt-text:
Fråga vad bilden bidrar med i just det här sammanhanget, inte generellt.
Skriv rakt på sak utan att inleda med “bild på” eller “foto av”. Skärmläsaren meddelar redan att det är en bild.
Håll längden kort, gärna under 125 tecken, men låt innehållet styra snarare än ett strikt teckentak.
Undvik upprepning av information som redan finns i bildtexten eller den omgivande brödtexten.
Skriv aldrig in sökord som inte beskriver bilden ärligt. Det är keyword stuffing, inte SEO.
Ta ett produktfoto som exempel. En dålig alt-text lyder “bild på skor”. En bättre variant är “Bruna lädersneakers med vit sula, sedd snett framifrån”. För en redaktionell bild från ett pressmöte fungerar “Presskonferens” dåligt, medan “Finansminister presenterar budgetförslag vid podium, mars 2026” ger faktiskt värde. En logga bör inte beskrivas visuellt alls om den fungerar som länk, utan i stället peka på funktionen, och en dekorativ ikon bredvid en rubrik ska helt enkelt ha alt=“”.
Proffstips: Läs alt-texten högt för dig själv och fråga om den skulle fungera som svar om någon ringde och frågade vad som finns på bilden. Om svaret känns naturligt har du troligen träffat rätt nivå.
Komplexa bilder: diagram, kartor och infografik kräver mer än en rad
Ett stapeldiagram eller en karta bär ofta mer information än en kort alt-text kan rymma. Lösningen är att kombinera en kortfattad alt med en längre beskrivning i den omgivande texten. Trafikverkets riktlinjer rekommenderar att fokusera på budskapet eller slutsatsen snarare än den grafiska uppbyggnaden när bilden är komplex.
Ett diagram över kvartalsomsättning kan få alt-texten “Stapeldiagram som visar ökande omsättning per kvartal 2025, med störst tillväxt i fjärde kvartalet”, medan de exakta siffrorna presenteras i en tabell direkt under bilden. W3C:s förklaringar beskriver liknande mönster tekniskt genom figcaption för synlig bildtext och aria-describedby för att koppla en bild till en längre textbeskrivning på sidan. Det äldre longdesc-attributet stöds inte konsekvent längre, så en länk till en fördjupande textsektion är ofta den säkraste lösningen i praktiken.
Funktionella och klickbara bilder bilder: beskriv handlingen, inte utseendet
En bild som fungerar som knapp eller länk ska ha en alt-text som beskriver vad som händer när användaren klickar, inte hur bilden ser ut. Det är en av de vanligaste missarna i praktiskt utvecklingsarbete.
En logga som länkar till startsidan bör ha alt-texten “Företagsnamn, till startsidan” snarare än “logotyp med blå bokstäver”.
En delningsikon för sociala medier ska beskriva handlingen, till exempel “Dela på LinkedIn”, inte “ikon med pil”.
En sökknapp med förstoringsglas behöver alt-texten “Sök” snarare än en beskrivning av symbolen.
Om en synlig länktext redan finns bredvid bilden, och bilden bara upprepar samma budskap, räcker det ofta med alt=“” på bilden för att undvika att skärmläsaren läser upp samma information två gånger i rad.
Dekorativa bilder bilder och rätt användning av alt=“”
Bakgrundsmönster, avdelare och rent estetiska illustrationer ska markeras med alt=“”, inte lämnas utan attribut alls. Ett tomt alt-attribut talar om för hjälpmedel att bilden aktivt ska hoppas över, medan ett saknat attribut ofta tolkas som ett fel och kan göra att filnamnet läses upp i stället, vilket stör upplevelsen i onödan. De flesta CMS-system, från WordPress till Sitevision, tillåter dig att lämna alt-fältet tomt vid uppladdning, men kontrollera alltid att systemet faktiskt sparar det som alt=“” och inte utelämnar attributet helt.
Vanliga misstag och en checklista inför publicering
De vanligaste felen återkommer i nästan varje redaktionell granskning: redundant text som upprepar bildtexten, inledningar som “bild på” eller “foto av”, sökordsstoppning som gör texten onaturlig, och saknade alt-attribut på bilder som borde ha alt=“”.
Använd den här korta checklistan innan publicering:
Har varje meningsbärande bild en beskrivande alt-text kortare än 125 tecken?
Är alla dekorativa bilder markerade med alt=“”?
Beskriver funktionella bilder handlingen snarare än utseendet?
Saknas fraser som “bild på” eller upprepning av bildtexten?
Har du testat sidan med en skärmläsare eller ett automatiskt verktyg som kontrollerar alt-attribut?
Automatiska verktyg fångar saknade attribut men inte alltid rätt kontext, så en manuell genomläsning är fortfarande nödvändig innan publicering.
Två övningar som skärper din alt-textskrivning
Ta en redaktionell bild från en artikel du nyligen publicerat. Skriv först “bild på möte”, sedan en förbättrad version som fångar vad som faktiskt sker och varför det är relevant för artikeln. Gör samma sak med ett produktfoto: fundera på vad som hör hemma i alt-texten och vad som passar bättre i en synlig bildtext. Michael Steinberg möter samma fråga i varje fotouppdrag, där bildens syfte alltid styr både komposition och den text som senare ska beskriva den.
Utgivarperspektivet: tillgänglighet som kvalitetssignal
Många ser alt-text som ett administrativt krokodilhål att bocka av. Vi ser det som en kvalitetssignal på samma nivå som skarp fokus eller rätt beskuren bild. En redaktion som tar sig tid att skriva genomtänkta alt-texter tenderar också att tänka mer noggrant på bildval överlag, och det syns i hela användarupplevelsen. Bygg in en alt-checklista i publiceringsflödet i stället för att lita på minnet, det är den enskilt mest effektiva vanan du kan etablera.
— Michael Steinberg
Ett alternativ: professionell bildproduktion med tillgänglighet inbyggd
Att skriva alt-texter blir enklare när bilderna redan är tänkta för sitt syfte från början. Fotograf Michael Steinberg är alternativet för företag som vill slippa gissa sig till kontext i efterhand: varje uppdrag levereras med bilder som redan är beskrivna utifrån sitt användningsområde, oavsett om det handlar om företagsporträtt, reklambilder eller rörligt innehåll via filmfotografi. Det sparar tid för kommunikatörer som annars behöver rekonstruera syftet med varje enskild bild i efterhand.
Det här passar särskilt företag som vill ha ett komplett paket snarare än att sy ihop fotografering, metadata och digital strategi själva. Vill du se hur en genomtänkt bildleverans ser ut i praktiken, utgå från fotograf Stockholm och boka ett samtal om ditt nästa projekt.
Källor
Tillgängliga bilder med alternativtexter (alt-texter) — Trafikverket
Allt du behöver veta för att skriva effektiva alternativtexter — Microsoft Support
Vanliga frågor
Vad är alt-text och varför behövs den?
Alt-text är ett textattribut som beskriver en bilds innehåll eller funktion för skärmläsare och andra hjälpmedel. Den krävs enligt WCAG 1.1.1 för att ge samma information till användare som inte kan se bilden.
Hur gör man en bra bildtext eller alt-text?
Beskriv bildens syfte i sammanhanget kort och konkret, utan att inleda med “bild på” eller “foto av”. Håll dig under cirka 125 tecken och undvik att upprepa information som redan finns i den synliga bildtexten.
Ska dekorativa bilder ha alt-text?
Nej, dekorativa bilder ska ha ett tomt alt-attribut, alt=“”, så att skärmläsare hoppar över dem helt. Att lämna attributet helt bort är sämre eftersom vissa hjälpmedel då läser upp filnamnet i stället.
Hur beskriver man diagram eller kartor i alt-text?
Skriv en kort alt-text som fångar huvudbudskapet eller slutsatsen, till exempel den övergripande trenden i ett diagram, och lägg detaljerad data i en tabell eller längre textbeskrivning intill bilden.
Räknas alt-text som en SEO-faktor?
Alt-text ger sökmotorer kontext om bildens innehåll, men den ska alltid skrivas för tillgänglighet först. Att fylla den med sökord utan verklig beskrivning uppfattas som spam snarare än att stärka rankning.
Rekommendationer
