Logotyp vetenskapsrådet
logo_mobile

Bilder på webbplatsen

En beskrivande bild kan ge användare en bredare förståelse för sidans innehåll och skapa en känsla för innehållet. Men vi behöver tänka på hur den laddas och att alla bilder får en beskrivande text.

  • Det ska finns en bildstorlek i CMS-systemet
  • Alla bilder på webbplatsen har en alt-tagg
  • Bilder laddar när de visas på skärmen (lazy loading)
  • På mindre skärmar skalar alla bilder utan att bli förvrängda
  • Alla informationsbärande bilder ska beskrivas med en alt-text
  • Bilder till innehåll ska kunna få en bildtext
  • Storleken är minst 1400 px med, höjd sätts automatisk.
  • Bilder laddas vid behov när de visas på skärmen
  • Bilder optimeras för små skärmar

Användningen av bilder på webbsidor ska vara enkelt. Vi strävar efter att bilder automatisk får rätt format och konfiguration från början. Bilder ska automatiskt optimeras för den besökande enheten, så att stora enheter får en storbild och tydlig bild. Samtidigt som små enheter får en mindre och optimerad bild. Bilder ska i första hand laddas när de visas på skärmen. 

Som utvecklare ska vi därför sträva efter att göra det enkelt att göra rätt från början. Och säkerställa att en alternativ text alltid kan knytas till beskrivande bilder som visas.

Utveckling i Sitevision

Underlätta för redaktören geom att sätta upp en bildstorlek som heter Standardbild. Gör även bildformatet är förvalt. Ta för vana att använda lazy loading via Sitevision och låt bilder laddas in när de visas på skärmen. Var noga med att automatisk ange bildens beskrivning som alt-text i delar som är egenutvecklat.