kontrast

God kontrast mellom tekst og bakgrunn er viktig for en student med nedsatt syn. Det anbefales å bruke svart skrift på hvit bakgrunn, det gir best kontrast. Det må også være god kontrast mellom grafiske elementer som skal skilles fra hverandre.

Husk at kun farge ikke er godt nok for å skille mellom elementer for studenter som har nedsatt fargesyn.

kontrast for tekst

For å sikre god lesbarhet skal all tekst ha tilstrekkelig kontrast mot bakgrunnen. Dette gjelder både teksten i selve eksamensoppgavene og i plattformen. Det er for eksempel et krav at lenker i bunnteksten skal ha stor nok kontrast mot bakgrunnen. Om teksten på en grønn «Lever inn eksamen»-knapp har for liten kontrast, vil en student med nedsatt syn kunne ha problemer med å oppfatte hvilken funksjon knappen har.

Kravet for kontrast er minimum 4,5:1, og gjelder den visuelle presentasjonen av tekst, samt bilder av tekst. Unntaket er tekst og bilder av tekst som er større enn 24 piksler høy, og fet skrift som er minst 19 piksler høy. Her er kontrastkravet minst 3:1.

Elementer som ikke er underlagt kontrastkrav, er:

  • Inaktive brukergrensesnittkomponenter
  • Tekst som er ren dekorasjon
  • Tekst som utgjør en del av et bilde som inneholder annet vesentlig visuelt innhold
  • Logoer eller varemerkenavn

kontrast for ikke-tekstlig innhold

Kontrastkravet for ikke-tekstlig innhold som ligger inntil hverandre er minimum 3:1. Det omfatter alt ikke-tekstlig innhold i eksamensløsningen, som f.eks. synlig fokus, ikoner og tilstøtende farger, som fargene på kartet på bildet under.

Tegning av kart av Mellom-Amerika som illustrerer dårlig kontrast.

Alle interaktive elementer i eksamensløsningen skal ha synlig fokus. Interaktive elementer vil si alt innhold som ikke er statisk tekst, som for eksempel knapper, lenker, tekstfelt, etc. Eksempelvis skal en knapp som har tastaturfokus også ha en visuell markør som formidler at elementet har fokus. Om det mangler synlig fokus, vil tastaturnavigering bli utilgjengelig for seende studenter ettersom de ikke vil ha oversikt over hvor i eksamensløsningen tastaturfokus er.

Eksempler på synlig fokus er: å legge på en ramme, en understreking (typisk for lenker), endre farge på enten teksten eller bakgrunnen, eller tilføre skygge.

Synlig fokus legges inn ved hjelp av CSS med pseudoklassene «:focus» eller «:focus-visible» for tastaturfokus, og «:hover» for når musepeker holdes over elementet.

Ved tastaturnavigering kan dette testes ved å:

  • Flytte fokus til elementet med Tabulator
  • Sjekk at kanten eller teksten/bakgrunnen endrer farge
  • Sjekk at kant- eller tekst/bakgrunnsfargeendringene fjernes når elementet mister fokus

Teknikk C15, W3C (engelsk) gir en komplett forklaring på hvordan synlig fokus lagt inn ved hjelp av CSS, kan testes med både musepeker og tastatur.

verktøy for å måle kontrast

Det finnes flere nyttige verktøy for å måle kontrast.

Et av de vanligste, som både er gratis og enkelt å bruke, er Colour Contrast Analyzer (CCA). Se også lenken: Colour Contrast Analyzer (CAA 2.5.0) | GitHub.

Siteimprove Accessibility Checker (Siteimprove) er et automatisk verktøy som identifiserer elementer som bryter med kravet for kontrast og hvilket kontrastforhold disse elementene har.

Vi bruker informasjonskapsler (cookies) for å tilpasse innhold og annonser, samt for å analysere trafikken på nettstedet vårt. Vi deler også informasjon om din bruk av nettsiden med våre analyseverktøy. View more
Cookies settings
Tillat
Privacy & Cookie policy
Privacy & Cookies policy
Cookie name Active

Hvem vi er

Foreslått tekst: Vår nettstedsadresse er: http://test.medialt.no/MediaLT

Behandling av personopplysninger

Når du besøker nettsidene våre, samler vi ikke inn personopplysninger som e-post, telefonnummer eller betalingsinformasjon direkte gjennom nettstedet. Våre nettsider fungerer primært som informasjonssider hvor vi presenterer de tjenestene vi tilbyr.

Informasjonskapsler

Når du besøker nettsiden vår, kan informasjonskapsler bli brukt til å forbedre brukeropplevelsen. Dette kan for eksempel innebære å lagre innloggingsinformasjon eller personlige preferanser (hvis aktuelt). Du kan kontrollere bruken av informasjonskapsler i nettleseren din. Vi benytter tredjepartsverktøyet Jetpack gjennom WordPress på nettsiden vår. Jetpack kan bruke informasjonskapsler (cookies) for å samle informasjon om hvordan du bruker nettstedet vårt. Denne informasjonen brukes til å forbedre nettsiden og gi oss innsikt i hvordan besøkende bruker tjenestene våre. Vi har ikke kontroll over hvordan Jetpack håndterer denne informasjonen, men vi oppfordrer deg til å lese Jetpacks personvernerklæring for mer detaljert informasjon om deres bruk av informasjonskapsler.

Lagring av data

Vi lagrer ikke personopplysninger på nettsiden vår, og all data som samles inn gjennom våre tjenester, lagres kun for så lenge det er nødvendig for å kunne levere tjenestene våre til deg.

Innebygd innhold fra andre nettsteder

Artikler på denne siden kan inkludere innebygd innhold (f.eks. videoer, bilder, artikler osv.). Innebygd innhold fra andre nettsteder oppfører seg på nøyaktig samme måte som om den besøkende hadde besøkt nettstedet som det innebygde innholdet kommer fra. Disse nettstedene kan samle inn opplysninger om deg, bruke informasjonskapsler, bygge inn sporingssystemer fra tredjeparter og overvåke hva du gjør via dette innebygde innholdet.    
Save settings
Cookies settings