For å sikre god lesbarhet skal alt innhold ha tilstrekkelig kontrast mot bakgrunnen.
Dette er viktig for alle elever. Teksten du skriver i forfatterverktøyet vil automatisk være svart med
hvit bakgrunn, så der trenger du ikke bekymre deg.
Det er når du bruker bilder som inneholder tekst, eller bruker farger i mediebank, at du må passe på.
Dette er viktig når du bruker farger i oppgavene
🔵
I eksamens- og prøvesystemet har vi noe designfrihet – spesielt når vi lager delt innhold og legger inn bilder.
Man vil jo gjerne at ting først og fremst skal se pent ut. Det vi også må tenke på er at det finnes retningslinjer
vi må forholde oss til for å sikre en god brukeropplevelse for alle elever.
Retningslinjer for bruk av farger
1.Bruk aldri farger som eneste informasjonsbærer
Du kan gjerne bruke farger for å gi bedre oversikt og skape assosiasjoner hos den som leser.
Samtidig skal Men du må aldri bruke farge som den eneste informasjonsbæreren, siden vi har ulik
kun farge for å formidle informasjon. Vi mennesker har ulik evne til å
oppfatte farge, og enkelte klarer for eksempel ikke å se forskjell mellom rødt og grønt.
🔵 Kontrasten må være høy nok
Elever kan få utfordringer med å se når kontrasten ikke er høy nok. Vi må derfor
passe på at bakgrunns- og forgrunnsfarge har riktig kontrastforhold.
I følge WCAG 2.1 er dette forholdet 3:1 som et minimum.
Består innholdet ditt testen?
Du kan sjekke kontrastforhold på denne siden (webaim.org)
Eksempler på bruk av farger
Lenker – slik skal de se ut
Du kan bruke farge på en lenke som er forskjellig fra resten av teksten, men
i tillegg til farge må du ha en visuell fremheving som for eksempel understrek eller fet tekst.
Kort sagt: Lenker må enten være fet eller streket under, i tillegg til å være en annen farge (valgfritt).
Eksempel: Lenker
Riktig:
Les mer om eksempeloppgavene på udir.no
Les mer om eksempeloppgavene på udir.no
Feil:
Les mer om eksempeloppgavene på udir.no
| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
✅ Dette linjediagrammet bruker både farger, indikatorer med ulike mønster og etikettnavn på linjene for å skille de fra hverandre. |
| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
🟥 I diagrammet til venstre er man fullstendig avhengig av å kunne se farger for å tyde diagrammet. Dette er ikke god bruk av farger. ✅ I diagrammet til høyre brukes både forskjellige farger og forskjellige mønstre til å skille linjene. I tillegg har linjene fått en etikett med kategorinavn. |
| Content by Label | ||||||||
|---|---|---|---|---|---|---|---|---|
|
Farger i diagrammer
I diagram brukes ofte ulike farger for å formidle informasjon.
For at alle seende elever skal skjønne koblingen mellom fargen og informasjonen, trenger vi
flere meningsbærere. For eksempel kan vi koble ledeteksten til fargen slik som på eksempelet under.
Eksempel: Ledetekst (etiketter) koblet til diagrammet
Eksempel: Linjediagram med indikatorer
Bildet viser et universelt utformet linjediagram. I tillegg til forskjellige farger, er det
- ulike mønstre (indikatorer) på linjene som trekanter og sirkler for å skille linjene fra hverandre
- en tekst i nærheten til linja som viser hvilken kategori som hører til linja
