Så tillgänglighetsanpassar du dina bilder
Du kan använda bilder, illustrationer eller exempelvis diagram för att förstärka och visualisera ditt budskap och hjälpa läsare att förstå informationen. Försök göra genomtänkta bildval. Bilden eller illustrationen ska hjälpa användaren att förstå något. För att bilderna ska vara tillgängliga för användare som inte kan se behöver de beskrivas med en alternativ text (eller alt-text), som kan läsas upp av en skärmläsare.
Så skriver du en alternativ text
- Beskriv bildens innehåll sakligt och kortfattat.
- Om bilden är ett foto så anger du detta sist i alternativ-texten. Exempel: “Två personer cyklar i en park. Foto.”
- Om bilden är en illustration skriver du istället: “Två personer cyklar i en park. Illustration.”
- Behöver du ange fotografens namn i alternativ-texten så placerar du det allra sist i alternativ-texten. Exempel: “Två personer cyklar i en park. Foto. Fotograf: Anna Andersson.” Finns fotografens namn i bildtexten behöver den inte stå med i alt-texten.
- Avsluta alltid alternativ-texten med punkt. Genom att avsluta med punkt gör skärmläsare ett litet uppehåll innan den fortsätter, vilket underlättar för den som lyssnar.
- (Bilder som endast har en dekorativ funktion ska ha en tom alternativ-text, skriv då i koden: alt="". Exempel på dekorativa bilder är linjer, pilar och prickar.)
Förklara komplexa bilder tydligt
För bilder som innehåller mycket information, som ett organisationsschema, räcker det inte alltid med en kort alternativ-text. I dessa fall är det bättre att ge en utförlig beskrivning direkt på sidan där bilden visas, eller genom att länka till en separat sida med fullständig förklaring. Den alternativa texten till bilden bör ändå hållas saklig och kortfattad. Ett exempel: "Organisationsschema över Lunds universitet. Illustration."
Undvik detta
- Text i bilder.
- Att skriva alternativ-texter som är likadana som eller snarlika den närliggande texten, till exempel bildtexten.
- För långa och detaljerade alternativa texter.
- Använd inte tekniska termer och förkortningar.
Arbeta med bilder
Bild är en viktig del i din kommunikation och det finns mycket att tänka på när det gäller val av bild, fotografer, upphovsrätt och personuppgiftslagstiftning (GDPR) samt bildmanér. Allt du behöver för ditt arbete med bilder, film och musik finns på Medarbetarwebben.
Kontakt
Vid Lunds universitet finns en tillgänglighetsexpert och ett team som du kan kontakta genom detta kontaktformulär (extern länk) eller att logga in på supportcenter.lu.se med Freja+ och skriv/skicka ditt ärende med ämnesraden "Webbtillgänglighet".
Du kan också gå med i Teams-nätverket för webbpublicister vid Lunds universitet. I nätverket finns en kanal för webbtillgänglighet.