Hur du skriver bra alt-text för bilder
Praktisk guide på svenska om alt-text: när bilder ska beskrivas, hur långa texterna bör vara och vilka misstag som är vanligast.
Uppdaterad 2026-10-17 · Skriven med hjälp av AI-verktyg och kontrollerad innan publicering.
Vad är alt-text och varför behövs den?
Alternativtext, ofta kallad alt-text, är en kort textbeskrivning som läggs i attributet alt på en bild i HTML. Skärmläsare läser upp texten för personer som är blinda eller har nedsatt syn. Texten visas också om bilden inte kan laddas, till exempel vid dålig uppkoppling. Sökmotorer använder den för att förstå vad bilden föreställer, vilket kan ge trafik från bildsökning. Alt-text är dessutom ett krav enligt WCAG och därmed en del av tillgänglighetskraven som många verksamheter i Sverige och EU behöver förhålla sig till.
Så skriver du en bra alt-text
Beskriv det bilden betyder i sammanhanget, inte varje detalj. Håll texten kort, oftast under 125 tecken. Börja inte med 'bild på' eller 'foto av', eftersom skärmläsaren redan säger att det är en bild. Ta med information som behövs för att förstå sidan: en produktbild kan beskrivas som 'Röd löparsko i storlek 42 sedd från sidan'. Om bilden innehåller text ska samma text stå i alt-texten. Skriv naturligt och undvik att proppa in sökord, det hjälper varken användare eller sökmotorer.
Dekorativa bilder, diagram och länkar
Rent dekorativa bilder, som linjer, bakgrundsmönster eller upprepade ikoner, ska ha ett tomt alt-attribut (alt="") så att skärmläsare hoppar över dem. Utelämna aldrig attributet helt, då kan läsaren i stället läsa upp filnamnet. För diagram och infografik räcker en kort alt-text sällan: sammanfatta huvudbudskapet i alt-texten och ge den fullständiga datan som vanlig text eller tabell nära bilden. Om en bild fungerar som länk eller knapp ska alt-texten beskriva vart länken leder eller vad knappen gör, till exempel 'Gå till kassan'.
Vanliga misstag och snabb kontroll
De vanligaste misstagen är att alt-texten saknas, att filnamn som IMG_2043.jpg används som beskrivning, att samma text upprepas på alla bilder och att texten är för lång. Gå igenom sidan så här: 1) Lista alla bilder. 2) Avgör om varje bild är informativ, dekorativ eller funktionell. 3) Skriv en kort, konkret text för de informativa och funktionella. 4) Sätt tomt alt på de dekorativa. 5) Testa med en skärmläsare eller ett granskningsverktyg. Gör detta för de viktigaste sidorna först, till exempel startsidan och produktsidorna.