Tillgängliga bilder och alt-texter

Alla besökare ska kunna ta del av innehållet på våra webbplatser. Därför behöver bilder publiceras på ett sätt som fungerar även för personer som använder exempelvis skärmläsare.

När behövs alt-text?

Betydelsebärande bilder ska alltid ha en alt-text. En alt-text beskriver bildens innehåll när bilden inte kan visas eller när en besökare använder en skärmläsare.

Fråga dig själv: Skulle viktig information gå förlorad om bilden försvann? Om svaret är ja behöver bilden en alt-text.

Så skriver du en bra alt-text

En alt-text ska:

• beskriva det som är viktigt i bilden
• vara saklig och inte värderande
• vara kortfattad
• skrivas som en mening med punkt
• vara fri från fotografens eller skaparens namn om det ska anges (dessa ska skrivas i bildtexten och visuellt för alla användare).

Bra exempel: Operationssal med kirurgisk utrustning inför en operation.

Mindre bra exempel: Bild som visar en operationssal.

Skärmläsaren talar redan om att det är en bild.

Dekorationsbilder

En dekorationsbild tillför ingen information och ska därför inte ha någon alt-text.

Dekorationsbilder används främst på landningssidor och översiktssidor där de bidrar till form och visuell identitet, men inte är nödvändiga för att förstå innehållet.

Bilder med text i

Undvik att publicera bilder som innehåller text. Om en bild ändå innehåller viktig information i form av text, diagram eller statistik ska samma information också finnas som vanlig text på sidan. Det gör innehållet tillgängligt för alla användare och enklare att ta del av på olika typer av enheter.

Logotyper är undantagna från detta krav men ska bara publiceras på webbsidor i undantagsfall. Det gäller exempelvis när det finns en samfinansiering i projekt där det är ett krav att visa upp en logotyp, exempelvis i EU-projekt.

Undantagna är även andra bilder där den visuella presentationen av text är av avgörande betydelse för att bildens syfte ska uppnås. Det kan till exempel gälla skärmdumpar som syftar till att visa hur ett digitalt system brukar se ut på en skärm.

Kontrollera innan publicering

Innan du publicerar en bild, säkerställ att:

• bilden tillför något för besökaren
• bilden har rätt alt-text om den är betydelsebärande
• eventuell information i bilden också finns som text
• bilden följer regionens riktlinjer för bildanvändning