Bilder
Bilder och illustrationer på webben ska tillföra information som inte finns i texten, komplettera textens innehåll eller förtydliga sammanhanget som texten förekommer i. Tänk igenom vad som blir bäst för respektive webbplats och målgrupp.
Bildriktlinjer
En bild kan ha många syften, den kan berätta en historia eller visa hur någon ser ut, förmedla en känsla eller förstärka ett budskap. När du väljer en bild ska du alltid fundera på vad du förmedlar med bilden och hur vi framstår som organisation, arbetsgivare och samarbetspartner.
Bilder på Region Östergötlands webbplatser ska följa regionens bildriktlinjer och bildspråk.
Upphovsrätt, bildrättigheter och GDPR
Säkerställ att Region Östergötland har rätt att publicera bilden på webbsidan. Vissa bilder får bara användas i till exempel tryckt media eller i specifika sammanhang.
En bild på personer får inte publiceras på webben utan att de personer som går att identifiera på bilden har tillfrågats och gett sitt samtycke till publicering.
Reklam för komersiella företag och produkter får inte förekomma på Region Östergötlands bilder.
I bildriktlinjerna för Region Östergötland kan du läsa om vad som gäller för bilder i regionens bildbank. På intranätet finns information om hur du gör för att hitta en bild eller anlita en fotograf finns på Intranätet.
Riktlinje för användning av bilder från Region Östergötlands bildbank Länk till annan webbplats.
GDPR-checklista för kommunikatörer (skr.se) Länk till annan webbplats.
Riktlinjer för användning av bilder på webben
- I normalfallet ska alla bilder som används av redaktörer lagras i ImageVault. För redaktörer utan behörighet till bildbanken är det tillåtet att istället använda modulen bild och lagra bilden lokalt på sidan/webbplatsen.
- Bilder på webben ska vara meningsbärande, alltså tillföra något till texten den finns tillsammans med, eller sidan den är publicerad på. Använd aldrig bilder bara för att dekorera en sida.
- Använd inte bilder på informationssidor på intranätet och vårdgivarwebben.
- Betydelsebärande bilder ska alltid ha textalternativ (alt-text) som beskriver vad bilden innehåller när bilden inte kan visas.
- Publicera inte bilder med text i. Undantaget är logotyper.
- Publicera inte kollage av bilder.
- Klickbara bilder (så kallade imagemaps eller bildkartor) används endast i undantagsfall på Region Östergötlands webbplatser. Det är en föråldrad teknik som har många nackdelar vad gäller tillgänglighet, responsivitet, användarupplevelse och underhåll.
- Anpassa alltid bilden till sidmallens förinställda bildformat så att den visas korrekt på webbplatsen.
- Bilder ska alltid laddas upp i originalstorlek i Imagevault för att kunna användas för olika syften och format. Du beskär bilden inne i Sitevisions bildmodul/ImageVault Asset.
Textalternativ (alt-text) till bilder
Betydelsebärande bilder ska alltid ha textalternativ (alt-text) som beskriver vad bilden innehåller när bilden inte kan visas. Det kan till exempel vara om någon råkar radera bilden på servern, om webbläsaren inte har stöd för filformatet eller när en sökmotor indexerar sidan. Textalternativet till en bild läses också upp när en person använder en skärmläsare.
I vissa fall förekommer så kallade dekorationsbilder på webbplatsen. En dekorationsbild är inte betydelsebärande och ska inte ha alt-text. Dekorationsbilder används framför allt på landningssidor och översiktssidor på Region Östergötlands webbplatser.
Alt-texten ska vara:
- beskrivande, icke-värderande och förmedla bildens budskap. Skriv direkt vad bilden föreställer. Skriv inte "Bilden visar...", "En bild med..." och så vidare. Skärmläsaren talar om för användaren att det är en bild.
- kortfattad, inte mer än 150 tecken.
- skriven som en mening med punkt på slutet.
- fri från fotografens eller skaparens namn om det ska anges (dessa ska skrivas i bildtexten och visuellt för alla användare).
Bilder med text i
Publicera inte bilder med text i. Om en bild ändå innehåller text eller data, till exempel ett diagram, ska en förklaring av informationen även finnas som text i anslutning till bilden. Diagram kan till exempel kompletteras av en tabell med den data som diagrammet innehåller.
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.