Alt-text (alternativ text) är texten i alt-attributet på en bild. Den fyller två syften: skärmläsare läser upp den för personer som inte ser bilden, och sökmotorer använder den för att förstå vad bilden föreställer. En bra alt-text beskriver bildens innehåll och funktion – kort och konkret. Här är fem regler som gör jobbet.
1. Beskriv vad bilden visar
Skriv det du skulle sagt till någon som inte ser skärmen. "Kvinna som scannar varor i en självscanningskassa" säger något; "bild" eller "foto1" säger inget. Var specifik utan att rabbla varje detalj – beskriv motivet och det som är relevant i sammanhanget.
2. Håll det kort
En alt-text ska vara en mening, inte ett stycke. Skärmläsaren läser upp hela texten, så en lång beskrivning blir tröttsam. Sikte på ungefär 5–15 ord. Behöver bilden en längre förklaring hör den hemma i en bildtext, inte i alt-attributet.
3. Upprepa inte "bild av"
Skärmläsaren meddelar redan att det är en bild. Att inleda med "bild av" eller "foto på" är dubbelt. Börja direkt med innehållet: "Tre kollegor vid ett mötesbord" – inte "Bild av tre kollegor vid ett mötesbord".
4. Lämna dekorativa bilder tomma
Inte alla bilder bär information. En ren dekoration – en bakgrundstextur, en avdelare – ska ha ett tomt alt-attribut (alt=""). Då hoppar skärmläsaren över den i stället för att läsa upp brus. Avgör för varje bild: tillför den innehåll, eller är den bara dekor?
5. Skriv för sammanhanget, inte för Google
Samma bild kan behöva olika alt-text beroende på var den används. En produktbild i en artikel om kassasystem beskrivs annorlunda än i en prislista. Skriv för läsaren och sammanhanget – då blir texten naturligt relevant för sökmotorer också. Att stoppa in nyckelord som inte beskriver bilden hjälper varken tillgängligheten eller bild-SEO.
Bonus: bildtext är inte alt-text
En bildtext (i ett figcaption) syns för alla och kan vara längre och mer berättande. Alt-texten är osynlig och ersätter bilden för den som inte ser den. De fyller olika roller och kan båda finnas på samma bild.
Med dessa fem regler täcker du det mesta. Tydliga, korta beskrivningar gör innehållet tillgängligt för skärmläsare och begripligt för Google. Vill du gå vidare, läs om tillgängliga bilder och WCAG i praktiken.