Hold kontrasten i sjakk: Hvordan velge farger og skrifttyper for tilgjengelige dokumenter

Lysegrå tekst på en hvit bakgrunn kan se elegant og minimalistisk ut med et blikk – og være fullstendig uleselig for brukere med synshemminger, sterkt sollys på skjermen eller bare vanlig belastning på øynene på slutten av en arbeidsdag. Fargekontrast er et av de mest "tekniske" kriteriene for tilgjengelighet — det er nøyaktige tall å oppfylle — men det er også et av de enkleste å teste og fikse på forhånd.

Hvilke forhold WCAG krever

WCAG definerer et kontrastforhold som et tall mellom 1:1 (ingen kontrast i det hele tatt - identisk farge) og 21:1 (maksimalt mulig kontrast - rent svart på rent hvitt). På nivå AA (det obligatoriske nivået de fleste steder, inkludert Israel), er kravet et forhold på minst 4,5:1 mellom vanlig tekst og bakgrunnen bak. På det strengere AAA-nivået stiger kravet til 7:1.

Hvorfor stor tekst tillates mindre kontrast

Stor tekst forblir lesbar selv med lavere kontrast, så WCAG setter den til en enklere terskel: 3:1 på nivå AA (i stedet for 4,5:1), og 4,5:1 på nivå AAA (i stedet for 7:1). "Stor tekst" er definert som tekst 18 punkter eller større (omtrent 24px), eller 14 punkter eller større (ca. 18,7px) hvis den er fet. Store overskrifter har for eksempel "råd" til litt lavere kontrast enn et vanlig kroppsavsnitt og oppfyller likevel kravet.

Hvordan sjekke et kontrastforhold i praksis

Det er ikke nødvendig å beregne det manuelt – gratisverktøy som WebAIM Contrast Checker lar deg skrive inn tekst- og bakgrunnsfargekodene og umiddelbart få det nøyaktige forholdet og en bestått/ikke bestått poengsum for hvert nivå. Det er verdt å sjekke ikke bare tekst på en solid bakgrunn, men også tekst over bakgrunnsbilder eller gradienter - der kontrasten kan variere mellom ulike områder av det samme bildet, så det er best å teste det mest "problematiske" stedet.

Hvordan velge en tilgjengelig fargepalett på forhånd

Den mest effektive tilnærmingen er å sjekke kontrasten på maldesignstadiet , ikke i hvert dokument separat. Når du velger merkefarger for overskrifter, brødtekst og lenker, er det verdt å bekrefte på forhånd at hver tekst-bakgrunnskombinasjon du faktisk bruker, oppfyller minst 4,5:1. På denne måten "arver" hvert nytt dokument opprettet fra malen automatisk riktig kontrast, i stedet for å sjekke hvert dokument separat etter at det allerede er skrevet.