Så skriver du alternativtext för klickbara bilder

Det finns olika slags bilder man av olika orsaker vill kunna länka, det vill säga göra klickbara.

Klickbara bilder används oftast för att initiera en handling, snarare än att förmedla bildens information. Alternativtexten för klickbara bilder bör därför beskriva vart länken leder eller knappens funktion – snarare än att man beskriver hur själva bilden eller knappen ser ut. För personer som använder skärmläsare är det bättre att alternativtexten blir “logga in” snarare än “blå knapp med vit text”.

Här är några exempel på vad du ska ange i alternativtext för klickbara bilder.

Denna logotyp består av en bild med texten 7minds. Denna klickbara bild leder till webbplatsens startsida. En bra alternativtext är ”7minds startsida” eller ”Gå till startsida 7minds.se”. Då beskriver vi vad som händer när man klickar på bilden. En mindre bra alternativtext skulle vara “logotyp” eller “7minds logotyp”.

Dessa länkade bilder ligger på en svensk webbplats. Därför är det viktigt att alternativtexten skrivs på svenska. Länkarna leder till en annan webbplats. En bra alternativtext för respektive bild skulle kunna vara:

Dålig alternativtext är ”Podcast hos Apple”.

I det här exemplet innehåller både logotypen och länktexten ”Göteborgs universitet”. För att undvika upprepning kan bilden ha alternativtexten ”Gå till startsida” som en komplement till den synliga länktexten.

I det här exemplet finns en ikonbild efter länken. Bilden informerar användaren om att länken går till en annan webbplats. Bilden har alternativtexten “Länk till annan webbplats”.

Dessa ikoner används för att det ska bli enkelt att dela en sida. Länken leder oftast användare till deras sociala mediesidor. Därför är det viktigt att alternativtexten beskriver vart länken leder och inte bara anger namnet på ikonen.

Bra alternativtext för respektive ikon är:

Mindre bra förslag på alternativtexter: