Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
bgcolor

Table of Contents

color

maxLevel

#eeeeee

2

Kort om


Hva er alt-tekst

Background Color
color#eeeeee

1. Hva handler dette kravet om?

  • Bilder. Så det gjelder deg som lager oppgaver eller innhold med bilder.

2. Hva betyr dette kravet - i klarspråk?

  • Dere må bruke alternativ tekst (alt-tekst) til å beskrive bilder for de elevene som ikke klarer se bilder.

3. Finnes det unntak for dette kravet?

Hvis dere ikke kan/klarer

?

Alt-tekst, eller alternativ tekst, er en del av html-koden som beskriver utseendet eller funksjonen til et bilde.
I forfatterverktøyet skriver du alt-tekst i feltet Alternativ tekst som kommer opp på høyresiden når du klikker på bildet ditt.

Denne teksten er ikke det samme som en vanlig bildetekst som ofte vises i for eksempel nettaviser.
Alt-teksten er ikke visuelt synlig, men leses opp for blinde og svaksynte elever som bruker skjermleser. Det vises også
på siden hvis bildet ikke lastes inn, som i eksempelet under.
Derfor er det viktig å skrive en beskrivende alt-tekst som forklarer hva bildet handler om.

Image Added

Dette er viktig når du skriver alt-tekst

For å følge krav til universell utforming må vi følge disse reglene:

🔵 Alle bilder skal ha en alt-tekst

Hvis man leser på uutilsynet sine sider, skriver de at dekorative bilder ikke trenger alt-tekst.
Dette er vanligvis ikke aktuelt i oppgavene vi lager, så for prøver og eksamen skal alle bilder ha alt-tekst.
Hvis det ikke er mulig å beskrive bildet med alt-tekst,

faller oppgaven under kategorien "visuell oppgave". I disse tilfellene skal du bruke alt-tekst feltet til å informere brukeren om at oppgaven ikke er tilrettelagt.  Her kan du lese mer om visuelle oppgaver på eksamen.

eller alt-teksten røper svaret på oppgaven,
kaller vi det en visuell oppgave. Les mer om visuelle oppgaver 

🔵 Alt-teksten skal beskrive det essensielle innholdet i bildet

I alt-teksten skal du skrive det som skjer i bildet. Hvor nøye du må være, avhenger av hvor viktig bildet er for oppgaven.

  1. Kort beskrivelse: når bildet har samme informasjon som teksten, eller bare er til inspirasjon.
    Når bildet tilhører en tekst og nærmest bare bekrefter det som allerede står i teksten, er det nok med en kort beskrivelse i alt-teksten.  
    Det vil si, når teksten og bildet formidler samme informasjon.
  2. Utfyllende alt-tekst: når bildet er nødvendig for å svare på oppgaven.
    Hvis informasjonen i bildet er nødvendig for elevens besvarelse, er det ikke nok med en kort alt-tekst. 
    Da må du i tillegg ha en bildebeskrivelse som gjengir det viktige innholdet, eller skrive det som en del av oppgaveteksten.
    Et eksempel på dette kan være et bilde av et søylediagram der verdien på den ene
    søylen er nødvendig for elevens besvarelse. 


Hvordan vet jeg om bildet trenger en kort eller en utfyllende alt-tekst?

Kort alt-tekst

hvis bildet..

  • bidrar til økt forståelse av en sak, et tema eller selve oppgaven
  • bekrefter noe som allerede står i teksten

  • ikke er nødvendig for å svare på oppgaven

... er det sannsynligvis et illustrasjonsbilde, og trenger kun en kort beskrivelse i alt-teksten. ✅

Utfyllende alt-tekst

Hvis bildet er direkte knyttet til oppgaven, og/eller det blir umulig å svare på oppgaven hvis du fjerner det – er det et meningsbærende bilde, som trenger en utfyllende alt-tekst med beskrivelse. 


Panel
titleBGColor#E3F2EB
borderStylesolid
titleTommelfingerregler for god alt-tekst

✅ Skriv alt-tekst på alle bilder

✅ Hold den kort og beskrivende

🟥 Ikke ta med "bilde av" eller "foto av" (skjermlesere sier dette automatisk)


💡Tips! Se for deg at du skal beskrive bildet med ord til kollegaen din som ikke kan se bildet.




Panel
titleBGColor#E3F2EB
borderStylesolid
titleEksempel med inspirasjonsbilde

Image Added

Eksempelet er hentet fra eksamen våren 2022 i Helsefremmende arbeid.

Her kan alt-teksten for eksempel være: "Pasient og helsearbeider." 


Panel
titleBGColor#E3F2EB
borderStylesolid
titleEksempel med bekreftende bilde

Image Added

Eksempelet er hentet fra nasjonale prøver i regning 2023.

Her kan alt-teksten for eksempel være: "Elektriske sparkesykler til leie."




Alt-tekst på bilder av grafer og diagrammer

Noen elever forstår kompleks informasjon best når den presenteres visuelt, for eksempel som en tabell eller et diagram, mens andre liker tekstlig informasjon bedre.

For enkel grafikk, som eleven ikke er avhengig av for å løse oppgaven, er det vanligvis tilstrekkelig å gi en kort, informativ alt-tekst.
For mer kompleks grafikk, som eleven må se for å kunne løse oppgaven, er det ikke nok med en kort alternativ tekst, for eksempel "befolkningsgraf."
Du må også få med informasjonen grafen formidler – for eksempel kategorier av data som vises, trender, og maksimale og minimale verdier.

Eksempel

I dette eksempelet kan man skrive en alt-tekst på bildet av grafen, i tillegg til å skrive et avsnitt som forklarer informasjonen gitt i bildet. Alt-teksten til bildet av grafen under ville blitt for lang hvis du skal forklare alt i grafen, så her kan du løse det ved å kort beskrive formålet med grafen i alt-teksten, og få frem detaljer i vanlig tekst. 

Panel
titleBGColor#E3F2EB
borderStylesolid
titleEksempel på alt-tekst og graf

Elever som opplever mobbing

Av elevene som svarte på Elevundersøkelsen høsten 2021, oppgir 5,9 prosent at de har opplevd å bli mobbet på en eller annen måte minst to til tre ganger i måneden, enten digitalt eller av andre elever eller voksne på skolen.
På 5. trinn oppgir 9,3% av jenter og 9,4 % av gutter å ha blitt mobbet. Tallene går gradvis ned til 1,2% for både jenter og gutter på vg3. 

Alt-teksten på bildet kan for eksempel være: "Graf over andel elever per trinn som opplever mobbing."


Image Added







Content by Label
showLabelsfalse
showSpacefalse
titleRelaterte artikler
cqllabel in ("uu","universell-utforming","alt-tekst","alternativtekst") and space = "SDEPS"

4. Skal alle bilder ha alt-tekst?

  • Ja, alle bilder skal ha alt-tekst. Enten skal alt-teksten beskrivelse bildet motiv eller så skal den brukes til å informere eleven/kandidaten om at dette er en visuell oppgave.

Image Removed

Tip
titleDenne regelen er basert på WCAG kravet

1.1.1 Ikke-tekstlig innhold

Her kan du lese mer om ikke-tekstlig innhold.