Alt-text på bilderna

Alt-text är en kort kopa hemsida professionell design beskrivning av en bild. Den läses upp av skärmläsare för personer med synnedsättning och hjälper sökmotorer att förstå bilden.

Beskriv bilden

Skriv vad bilden visar, kort och konkret.

Sammanhang

Tänk på varför bilden finns på sidan och beskriv det som är viktigt.

Undvik att fylla med sökord

Alt-texten ska beskriva bilden, inte vara en lista med sökord.

Dekorativa bilder

Bilder som bara är dekoration kan ha tom alt-text.

Bilder med text

Om bilden innehåller text, skriv texten i alt-texten.

Exempel

En bild på en snickare som monterar ett kök kan ha alt-texten snickare monterar köksluckor i ett nyrenoverat kök. En bild på ett team kan ha alt-texten personalen på kontoret i Göteborg. Det beskriver vad bilden visar och varför den är där. Undvik att börja med bild på, eftersom skärmläsaren redan talar om att det är en bild.

Produktbilder

I en webbutik kan alt-texten beskriva produkten, till exempel färg, modell och vinkel. Det hjälper både synskadade kunder och bildsökningar.

Logotyper

Logotypens alt-text kan vara företagets namn.

Kontrollera

Gå igenom hemsidans bilder och se om alt-text saknas. Många publiceringssystem har ett fält för alt-text när du laddar upp bilder.

Tillgänglighet

Alt-text är en del av att göra hemsidan tillgänglig för fler.

Bilder i e-handel

I en webbutik har bilderna en central roll, och där är alt-text extra viktig. Kunder med synnedsättning behöver kunna förstå vad produkten är. Bildsökningar kan dessutom leda kunder till produktsidorna. Skriv alt-text som beskriver produkten med färg, material och vad bilden visar, till exempel framsida eller detalj. Om du har många produktbilder kan det vara frestande att hoppa över alt-texten, men den gör stor skillnad. Vissa publiceringssystem kan hjälpa till genom att föreslå alt-text baserad på produktnamnet, men granska alltid förslagen.

Ta gärna en kategori i taget om det finns många bilder.

Sammanfattning

Beskriv bilden kort och konkret utifrån sammanhanget. Alt-text gör hemsidan tillgänglig och hjälper sökmotorerna.

kopahemsida.nu hjälper företag som vill köpa hemsida. Läs om domän, webbhotell, design och sökmotorer.