Beskriv bilden för den som inte ser den
Alt-text läses av skärmläsare och visas om bilden inte kan laddas. Den ska förmedla bildens relevanta innehåll och funktion i sammanhanget.
Skriv konkret och kort
Beskriv vad bilden visar utan att börja med bild av.
Om bilden är en länk eller knapp ska alt-texten förklara handlingen.
Dekorativa bilder
En rent dekorativ bild bör ha tom alt-attribut, alt=””, så att skärmläsaren hoppar över den. Lägg inte meningslösa sökord i alt-texten.
SEO är sekundärt
Beskrivande alt-text kan hjälpa bildsök och förståelse, men tillgänglighet är huvudsyftet.
Samma formulering ska inte kopieras till alla bilder.
Ett och samma foto kan behöva två olika alt-beskrivningar
På en projektsida visar ett foto en specialbyggd trätrappa och används som bevis på företagets arbete. Alt-texten kan då beskriva trappan och det relevanta utförandet. Samma bild används senare som diffus bakgrund i en CTA där ingen information beror på motivet. Där kan tom alt-text vara mer korrekt. Filen är identisk men funktionen skiljer sig. Det är därför ineffektivt att generera alt-text enbart från filnamn eller fylla varje bild med samma sökfras. Redaktören behöver förstå varför bilden finns just där och skriva alternativet utifrån det sammanhanget. Bildoptimering är också redaktionellt arbete.
Alt-text beskriver bildens funktion i just det sammanhanget
Alternativtext används när en bild inte kan ses och läses bland annat av skärmläsare. Därför ska texten beskriva den information bilden förmedlar i den aktuella sidan, inte bara lista generiska nyckelord. Samma fotografi kan behöva olika alt-text i två sammanhang. En bild av en vedleverans kan exempelvis vara ett konkret exempel på leveransmetod i en guide men bara dekorativ på en annan sida.
Dekorativa bilder ska inte tvinga fram onödiga beskrivningar
Om en bild enbart är dekoration och inte tillför information kan tom alt-attribut vara rätt lösning så att hjälpmedel kan hoppa över den. Logotyper, diagram, knappar och fotografier med informationsvärde behöver däremot bedömas utifrån sin funktion. Undvik fraser som ”bild på” om det redan är uppenbart att det är en bild. Skriv kort och konkret, och lägg längre förklaringar i vanlig brödtext när motivet kräver mer sammanhang.
Alt-text ersätter inte bildtext eller omgivande innehåll
Om ett diagram visar viktiga siffror bör informationen även finnas i text eller tabell, inte enbart gömmas i en mycket lång alt-text. En bildtext kan förklara vem eller vad som syns för alla läsare. Alt-attributet har en annan uppgift: ge ett användbart alternativ när själva bilden inte kan uppfattas. SEO-värdet kommer främst av att sidan blir tydligare och mer tillgänglig, inte av att samma sökfras stoppas in i varje bild.
Behöver företaget en bättre hemsida?
Få ett tydligt förslag och fast pris
Vi bygger och förbättrar WordPress-hemsidor med fokus på tydlighet, prestanda, SEO och enkel förvaltning.
Snabb återkoppling
Hjälpte den här artikeln dig?
Din röst sparas anonymt och hjälper oss att förbättra guiderna.