§ Mediabibliotek
Skriv bra alt-texter (och varför det spelar roll)
Alt-text är inte bara för synskadade — det är också SEO och fallback när bilder inte laddar. Här är formeln för en bra alt-text.
Uppdaterad idag
Varje bild i Ahody har ett alt-text-fält. Det är texten som:
- Skärmläsare läser upp för synskadade läsare
- Visas istället för bilden om den inte laddar (slö nätverk, trasig URL)
- Söker Google på för att förstå vad bilden visar — viktig SEO-faktor
- Loggas i ditt CMS så framtida journalister hittar bilden via sökning
Skippar du alt-texten missar du alla fyra. Det tar 10 sekunder att skriva en bra. Gör det.
När fältet visas
Alt-text-fältet dyker upp två gånger i Ahody:
- När du infogar en bild i en artikel — innan du klickar "Lägg till"
- När du redigerar en bild i Mediebiblioteket — kortet "Bilddetaljer"
Du kan alltid komma tillbaka och ändra alt-texten senare — den följer bilden, inte artikeln.
Skriv vad du SKULLE BERÄTTA i telefonen
Tänk dig att du beskriver bilden för en person i telefon. Det är alt-texten.
Bra alt-text:
"Tre demonstranter med ryska flaggor framför Sergels torg, snö på marken"
Dålig alt-text:
"bild.jpg" / "bild av demonstration" / "foto"
Den första svarar på frågan "Vad ser man?". De dåliga säger ingenting.
Var konkret
Bra alt-text är konkret och specifik.
- Inkludera antal om relevant ("tre", "ett tjugotal")
- Inkludera plats om syns ("vid Sergels torg", "i tinget")
- Inkludera handling om viktig ("plockar upp en flagga", "talar i mikrofon")
- Inkludera kläder/färger bara om det är poängen ("i röd huvtröja" om personen i fråga är okänd)
Skriv kort — max ~125 tecken
Skärmläsare läser upp alt-texten i ett svep. Långa texter är jobbigt för lyssnaren.
Mål: 1 mening, max ~125 tecken (≈ en Twitter-rubrik).
Är bilden så komplex att den kräver mer förklaring — använd bildtexten (caption) i artikeln för den långa beskrivningen. Alt-text är för snabb identifiering.
Skippa "Bild på" eller "Foto av"
Skärmläsare säger redan "bild" innan de läser alt-texten. Att börja med "Bild på en hund" blir "Bild: bild på en hund" — onödigt.
Skriv bara "En labrador springer i snön", inte "Bild på en labrador...".
Dekorativa bilder = tom alt-text
Om bilden är rent dekorativ (en grafisk linje, en illustrativ ikon, en bakgrundsplatta) — lämna alt-texten tom.
Det signalerar till skärmläsaren "hoppa över denna" istället för att läsa upp ett meningslöst filnamn.
Bilder med text → upprepa texten
Om bilden innehåller viktig text (typ ett skämtdiagram, ett protestplakat med slagord, en skylt) — upprepa texten i alt-texten.
Exempel:
"Protestplakat med texten 'Stoppa kriget nu'"
Annars går budskapet förlorat för den som inte ser bilden.
Spara
I editorn: klicka "Lägg till" för att infoga bilden med alt-texten.
I Mediebiblioteket: ändringar sparas automatiskt när du klickar utanför fältet (du ser en liten "Auto-sparat"-indikator).
Om du fastnar
- "Vad ska jag skriva om bilden är ett porträtt?" — Använd namnet om det är offentlig person ("Statsminister X i kostym, leende"). Om okänd: yrkesroll eller situation ("En reporter intervjuar en kund").
- "Bilden visar något jag inte vet vad det är" — Beskriv det visuellt så gott du kan. "Tre kvinnor i traditionella dräkter framför en byggnad med kupol" är bättre än att gissa "Tre balinesiska danser framför ett tempel" om du är osäker.
- "Är 'En stor bild' okej?" — Nej. Det säger inget. Lägg 10 sekunder på vad bilden faktiskt visar.
- "Måste jag översätta alt-texter om vi publicerar tvåspråkigt?" — Ja, om er sajt har språkväxling. Alt-text följer artikelns språk.