Skip to main content

UU: bilder og grafikk

For personer uten syn eller med nedsatt syn gir et bilde begrenset med informasjon. Hvordan sørger vi for at bilder og grafikk er universelt utformet? Ikke tekstlig-innhold skal ha tekstalternativ (WCAG 1.1.1.).

For brukere som ikke ser, eller har nedsatt syn er det viktig å få sentralt bildeinnhold forklart. Våre bilder skal alt-tekst, som gjør at de som bruker skjermleser får denne informasjonen. Noen ganger er det lurt å forklare bilder i teksten i en ressurser. For eksempel kan vi da utdype eksempler og lage forbindelse mellom tekst og visuelt innhold.

[embedde inn boks om synsnedsettelse?]
<ul id="bkmrk-AKTUELLE-PILOTSKOLER">

Blindhet eller nedsatt syn

Noen er blinde, og andre har nedsatt syn, som vil si at de kan se litt. For de som ikke ser, er det viktig at

  • nettinnhold er godt og logisk strukturert

  • nettinnhold er tilgjengelig gjennom skjermlesere

  • innhold som ikke er tekst, som lyd, foto eller video, er tilgjengelig i tekstform

  • nettløsningen er kodet riktig og merket med riktig språk, slik at skjermlesere kan fange opp innholdet på riktig vis

For de som har nedsatt syn og kan se noe, er det i tillegg viktig at

  • tekst, bilder og tabeller kan forstørres uten at kvaliteten blir dårligere

  • bilder og grafikk har gode kontraster, og det er tydelig kontrast mellom tekstfarge og bakgrunn

  • det blir brukt tydelige fonter uten seriffer, som er lett å tyde og angir tydelige tall

Nevn synstolkning

Du kan finne ut mer om hvordan du kan tilrettelegge for personer som er blinde eller har nedsatt syn, ved å lese om universell utforming på Blindeforbundets nettsider.

Tiltak for å forbedre UU

Vi kan gjøre flere tiltak for å forbedre UU i bilde-innhold:

  • Bildeinnhold har alt-tekst (WCAG 1.1.1.)
  • Bildene har god oppløsning og kan bli forstørret 400 % uten å tape informasjon eller funksjonalitet (WCAG 1.4.10)
  • Vi bruker gode kontraster på bildeinnhold. Visuelt innhold med tekst skal ha kontrastforhold 4,5: 1 til bakgrunnen. Visuelt innhold uten tekst skal ha minimum 3: 1 i kontrastforhold. Sjekk kontraster med fargeverktøy (for eksempel Adobe color)
  • En hovedregel er at tekst skal være tilgjengelig som tekst, og ikke være bilde av tekst (WCAG 1.4.5). Illustrasjoner med tekst som blir produsert til NDLA er normalt sett svg-fil som er digitalt avlesbar. 
  • I noen tilfeller bruker vi bilder med innbrent tekst. Vi må gjøre informasjon i skjermbilder, illustrasjoner, grafer og diagrammer tilgjengelig for dem som ikke ser (WCAG 1.1.1.). Viktig innhold bør bli forklart mer utdypende i tekst ved siden av bildet, grafikken eller illustrasjonen.
  • Vi bruker ikke farge som eneste informasjon, siden ikke alle oppfatter farger likt, og noen ikke ser (WCAG 1.4.1) Du kan sjekke hvordan fargeblinde opplever ulike farger med verktøyet Pilestone og Adobe color. Du kan supplere med tekst eller ikon for å støtte både den som ikke ser og den som er fargeblind.

Du ønsker kanskje også å lese:

Hva må vi tenke på for å lage universelt utformet innhold til ndla.no
Generelt om universell utforming
Kvalitet i foto, illustrasjoner og grafikk
UUtilsynet: Løsningsforslag for nettsider – bilder og grafikk

Kilder

Grolid, S. (2022, 6. april). Universell utforming av bilder og grafikk. NDLA. https://ndla.no/article/36099

Tilsynet for universell utforming av ikt. (u.å.). Bilder og grafikk. Hentet 14.04.22 fra
https://www.uutilsynet.no/veiledning/bilder-og-grafikk/205

Tilsynet for universell utforming av ikt. (u.å.). WCAG-standarden. Hentet 08.06.23 fra
https://www.uutilsynet.no/wcag-standarden/wcag-standarden/86

Back to top