Skip to main content

UU: bilder og grafikk

For personer uten syn eller med nedsatt syn gir et bilder 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.

Les mer: Hva må vi tenke på for å lage universelt utformet innhold til ndla.no

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.

Eksempler på UU-tilpasninger

Lenk til ressurs og forklar grep med 2-3 setninger

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