Bild och ljud

Utöver texten är bilder, videor och ljud centralt innehåll på nätet. Bilder och videor kan göra det lättare att förstå saker. Vissa saker kan vara omöjliga eller väldigt svåra att presentera utan bilder. Geografiska kartor kan till exempel inte presenteras muntligt på samma sätt. Med hjälp av tillgänglighetskraven för bilder, videor och ljud försöker man säkerställa att personer som inte kan se eller höra icke-textuellt innehåll ändå får information om innehållet.

Tillgängligheten för videor och inspelningar förklaras separat i avsnittet Videor och inspelningar.

Bildernas tillgänglighet

Det finns olika sätt att förbättra tillgängligheten hos bilder. När man producerar bilder själv borde man bland annat vara uppmärksam på färgerna som används i bilden, upptagningens skärpa och filformatet. När man väljer foton eller andra färdiga bilder, bör man tänka på hur tydligt bilden presenterar den önskade saken.

  • En bild av god kvalitet kan förstoras utan att den bli pixlig eller suddig.
  • SVG (Scalable Vector Graphics) är ett bra bildformat för logotyper, diagram och infografik. Vektorgrafik kan förstoras utan att skärpan lider.
  • Använd endast allmänt kända ikoner. Det lönar sig också att inkludera samma information som text bredvid ikonerna, eftersom inte alla känner igen ikoner.
  • Särskilda vinklar eller beskärningar kan göra det svårare att förstå bilden. Välj en bild som gör det lätt att känna igen vad den föreställer. Om det behövs kan du lägga till en beskrivande bildtext som hjälper tittaren att känna igen bilden.

Undvik att visa text som en bild

Ange alltid text som verklig text när det är möjligt, inte som en bild. Redigera vid behov textens utseende genom att redigera formatmallarna. Använd till exempel inte bilder av tabeller, utan gör alltid tabellerna som äkta tabeller på webbplatsen med hjälp av html-tabellelement eller som nedladdningsbara filer med hjälp av ordbehandlingsprogrammens tabellverktyg.

Bilder, diagram, statistiska bilder som visar information behöver dock ofta text. Då måste man se till att kontrasterna mellan de intilliggande färgerna i bilderna är bra. Texten måste sticka ut från bakgrunden.

Var uppmärksam på användningen av färger

Observera att uppfattningen av information inte borde basera sig på att läsaren upptäcker och skiljer på olika färger. Lita till exempel inte på att läsaren kan skilja på röda och gröna nyanser. Om ett diagram till exempel visar tillväxt med en grön färg och nedgång med en röd färg, bör man se till att även något annat än färgen indikerar förändringen.

Du hittar mer detaljerad information om användningen av färger och kontrasterna mellan färger i avsnittet Färger och kontraster.

Ge bilderna en alternativtext

Kom också ihåg att alla nödvändigtvis inte ser bilderna eller att de ibland inte laddas ner i webbinnehåll. Bilder ska förses med en alternativtext som beskriver det väsentliga i bilderna. Alternativtexten förmedlas till användarna av skärmläsare. Om webbplatsen inte laddas ner korrekt kan en alternativtext visas istället för bilden.

I avsnittet Textalternativ för bilder finns mer detaljerad information om alternativtexter.

Denna sida uppdaterades senast 1.7.2024.