Alternativtext

Alternativtext — förkortning av “alternative text” — är den textuella beskrivningen av en icke-textbild inbäddad via HTML:s alt-attribut. Det är den mest omtalade tillgänglighetsfunktionen på webben, och den med det mest konsekventa felmönstret: utvecklare utelämnar den helt eller genererar generiska platshållare som inte förmedlar något.

Vad det faktiskt gör

Tre målgrupper konsumerar alternativtext:

1. Skärmläsaranvändare. Skärmläsaren läser upp alternativtexten i stället för bilden. Om bilden förmedlar information (“diagrammet visar att stämningarna fördubblades mellan 2022 och 2025”) måste den informationen finnas i alternativtexten eller i en intilliggande bildtext.
2. Seende användare vid trasiga bilder. När en bild inte laddas visas alternativtexten i dess ställe — ett litet men reellt reservalternativ.
3. Sökmotorer. Alternativtext är en av de få rankningsrelevanta signalerna för vad en bild faktiskt innehåller.

Beslutsträdet

Varje bild du levererar behöver ett explicit svar på “vilken typ av bild är det här?”:

• Funktionell bild — en ikon som används som enda visuell ledtråd för en knapp eller länk. Alternativtexten beskriver åtgärden, inte ikonen: alt="Öppna meny", inte alt="hamburgarmenyikon". Användaren bryr sig inte om att den ser ut som en hamburgare; de bryr sig om vad en tryckning gör.
• Informativ bild — ett foto, diagram, skärmdump eller illustration som förmedlar innehåll. Alternativtexten beskriver den förmedlade informationen på rätt detaljnivå. Ett personalbild på en “Om oss”-sida: alt = “Dr Eva Eriksson, forskningsdirektör.” Ett statistikdiagram: alt = slutsatsen, med underliggande data antingen i en bildtext eller i en intilliggande tabell.
• Dekorativ bild — mönster, avgränsare, abstrakta foton som bakgrundsutsmyckning. alt="" (tomt, men attributet måste vara med) talar om för skärmläsare att hoppa över det.
• Komplex bild — diagram, infografik, täta diagram. Kort alternativtext för den viktigaste slutsatsen, plus en längre beskrivning i närheten (aria-describedby till ett stycke, eller ett intilliggande expanderbart “Fullständig beskrivning”-avslöjande).

Vad som går fel i produktion

Tre felmönster svarar för de flesta alternativtextbuggar:

• Saknas helt. <img src="..."> utan något alt-attribut alls. Skärmläsare tillkännager bildens filnamn, vilket nästan alltid är meningslöst.
• Filnamn eller skräp — alt="DSC_0042.jpg" eller alt="bild". Sämre än ingenting, mer förvirrande än till hjälp.
• Överbeskrivet dekorativt innehåll. En rent estetisk avgränsare med alt="Abstrakt orange och röd utsmyckning längs sektionens överkant" tvingar skärmläsaren att läsa upp det och ger användaren ingenting.

AI-genererad alternativtext

De flesta moderna bilduppladdningspipelines föreslår nu automatiskt alternativtext via en visionsmodell. Det är genuint hjälpsamt som ett första utkast, men med två varningar:

1. Modellen kan ha fel med hög säkerhet, särskilt på diagram, infografik och kulturspecifikt innehåll. Granska varje förslag manuellt innan det levereras.
2. Genererad alternativtext bör inte tyst skriva över en befintlig handskriven alternativtext. Många overlay-produkter för tillgänglighet misslyckas allvarligt med detta — de ersätter omsorgsfull redaktionell alternativtext med intetsägande generiska beskrivningar.