Alle bilder skal beskrives med alt-tekst
| color | #000000 |
|---|
1. Hva handler dette kravet om?
- Dette Universell Utformings kravet handler om bilder og alternativ tekst (alt-tekst). Alt-tekst kaller vi teksten vi bruker til å beskrive bilder for de elevene som ikke klarer se bilder.
2. Hva betyr dette kravet - i klarspråk?
Alle bilder skal presenteres på to måter: visuelt (selve bildet) og tekstlig (alt-tekst).Hva er alt-tekst?
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.
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, 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.
- 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. - 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 | ||||||
|---|---|---|---|---|---|---|
| ||||||
✅ 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 | ||||||
|---|---|---|---|---|---|---|
| ||||||
Eksempelet er hentet fra eksamen våren 2022 i Helsefremmende arbeid. Her kan alt-teksten for eksempel være: "Pasient og helsearbeider." |
| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
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 | ||||||
|---|---|---|---|---|---|---|
| ||||||
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. Alt-teksten på bildet kan for eksempel være: "Graf over andel elever per trinn som opplever mobbing."  |
| Content by Label | ||||||||
|---|---|---|---|---|---|---|---|---|
|
Eksempel på visuell presentasjon - Dronning Elisabeth
Eksempel på tekstlig presentasjon - Dronning Elisabeth
Selv om blinde ikke klarer se bilder er det viktig at vi inkluderer dem og det gjør vi ved å beskrive bildet med tekst.
En passende alt-tekst til bildet nedenfor hadde vært: "Dronning Elisabeh og hunden Corgi".
3. Det er ikke mulig å beskrive bildet med alt-tekst. Hva gjør jeg?
- Hvis du ikke kan eller ikke klarer beskrive bildet med alt-tekst, er oppgaven det vi kaller en "visuell oppgave". Når en oppgave er visuell 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.
| title | Denne regelen er basert på WCAG kravet |
|---|
1.1.1 Ikke-tekstlig innhold
Her kan du lese mer om ikke-tekstlig innhold.