KORT FORTALT: Kontrastforholdet mellom teksten og bakgrunnen er minst 4,5:1.
Tolking
Uu-tilsynets forståelse av det aktuelle kravet. Tolkingen er basert på en juridisk og uu-faglig vurdering og avveining av rettskildene, inkludert W3Cs normative og informative kilder til WCAG (W3C, engelsk). Viktige kilder er suksesskriteriet, WCAGs ordliste, Uu-tilsynets praksis, formål, forståartikkelen, teknikker og failures.
Krav til samsvar
Uu-tilsynets beskrivelse av hva som skal til for å oppfylle det aktuelle kravet. Ofte består det også av ulike delkrav. Vanligvis kan kravet møtes på flere måter.
Testregel
Uu-tilsynets framgangsmåte (prosedyre) for å teste og ta stilling til om krav til samsvar er oppfylt eller ikke. Vi har ofte flere testregler knyttet til et krav.
Den visuelle presentasjonen av tekst og bilder av tekst har et kontrastforhold på minst 4.5:1, unntatt i følgende tilfeller:
- Stor tekst: Stor skriftstørrelse og bilder av stor skriftstørrelse har et kontrastforhold på minst 3:1.
- Uvesentlig: Tekst eller bilder av tekst som utgjør en del av en inaktiv brukergrensesnittkomponent, som er ren dekorasjon, som ikke er synlig(e) for noen, eller som utgjør en del av et bilde som inneholder annet vesentlig visuelt innhold, er ikke underlagt kontrastkrav.
- Logoer: Tekst som utgjør en del av en logo eller et varemerkenavn, er ikke underlagt kontrastkrav.
Formål
Hensikten med kravet er å sikre tilstrekkelig kontrast mellom tekst og bakgrunn.
Brukerbehov
Kravet er ment å ivareta personer med nedsatt syn, inkludert fargeblindhet.
Tilsynets tolking
Kravet gjelder ifølge ordlyden for tekst og bilder av tekst. Det omfatter ifølge forståartikkelen også tekst som kommer til syne ved at brukeren holder musepekeren over eller tastaturfokus.
Tilsynet tester vanligvis kun tekst mot bakgrunnen i tekstens standardtilstand, men andre tilstander er også dekket av kravet.
Kontrastverdiene i kravet skal ifølge forståartikkelen sørge for at teksten kan leses av personer med moderat nedsatt syn, uten bruk av hjelpemiddelteknologi.
Ordlyden i kravet gjør unntak for følgende situasjoner:
- Tekst i logoer og varemerker
- Tekst i inaktive brukergrensesnittkomponenter
- Tekst brukt som ren dekorasjon
- Tekst som ikke er synlig for brukeren
- Tekst i bilde der teksten ikke er vesentlig for å formidle meningsinnholdet
Begrepene Tekst, Bilder av tekst, Kontrastforhold, Stor skriftstørrelse, Brukergrensesnittkomponent og Ren dekorasjon er definert i WCAGs ordliste.
Minimum tillatt kontakstverdi er ulik, avhengig av om det er tekst eller stor tekst.
- Hovedregelen er at tekst skal ha kontrast mot bakgrunnen på minst 4,5:1.
- Stor tekst (stor skriftstørrelse) skal ha kontrast mot bakgrunnen på minst 3,0:1.
- Stor skriftstørrelse, er ifølge definisjonen i ordlisten tekst satt i en størrelse på 18 punkter eller 14 punkter (fet skrift).
I tilfeller med gradert farge enten på bakgrunn eller tekst, er det punktet med den svakeste kontrastverdien som gjelder.
I følge WCAG er et er tillatt å oppfylle kravet til kontrast med en høykontrastversjon av nettsiden, jamfør teknikk G174. Tilsynet vurderer at dette er en «last resort», og godkjenner ikke dette som en måte å oppfylle kravet på. Virksomhetene står fritt til å tilby ulike kontrastversjoner, men dette skal i så fall være i tillegg til at kontrastkravet er oppfylt i vanlig visning av den aktuelle nettsiden.
Presisering for apper
Per nå finnes det ikke en pålitelig måte å måle skriftstørrelse for tekst i apper. Av den grunn er kontrastverdien for tekst i apper satt til 4,5:1. Tilsvarende gjelder for bilde av tekst.
Krav til samsvar
Tekst
- Tekst har kontrast på minst 4,5:1 mot bakgrunnen.
- Stor tekst har kontrast på minst 3,0:1 mot bakgrunnen.
Bilde av tekst
- Bilde av tekst har kontrast på minst 4.5:1 mot bakgrunnen.
Tekst og bilde av tekst i apper
- Tekst har kontrast på minst 4,5:1 mot bakgrunnen.
- Bilde av tekst har kontrast på minst 4.5:1 mot bakgrunnen.
Krav til samsvar gjelder tilsvarende for dokumenter.
Kommentar
Kontrastforholdet på 4,5:1 er ifølge forståartikkelen satt fordi det vil kompensere for et synstap på 20/40. Et slikt synstap er vanlig for eldre. Denne kontrasten vil også gjøre teksten enklere å lese for alle brukere, for eksempel på en liten skjerm (smarttelefon/nettbrett) eller i sollys.
Verktøy som tester kontrast automatisk, klarer vanligvis ikke å fange opp, og vurdere om den aktuelle teksten er omfattet av unntakene i kravet. En kjent feilkilde i automatiske verktøy, er også at det ikke henter rett bakgrunnsfarge i alle tilfeller. Dette gjelder særlig der bakgrunnsfargen består av flere lag. Videre er automatiske verktøy ikke i stand til å fange opp om det finnes høykontrastvisning av den aktuelle nettsiden.
Til tross for at det er tillatt å bruke bilde av tekst, bør en bruke tekst i alle situasjoner der det er praktisk mulig. Dersom en unntaksvis trenger å bruke bilde av tekst, bør bildet ha høy oppløsning.
Løsningsforslag og eksempler
Du finner veiledning til dette kravet i løsningsforslagene:
Merk at løsningsforslag for et tema kan dekke flere WCAG-krav.