Farge og kontrast
Hvorfor det er viktig
God kontrast mellom tekst og bakgrunn er særlig viktig for brukere med nedsatt syn, lesevansker og nedsatt kognisjon, og for alle brukere under krevende lysforhold. I tillegg er det viktig at farge ikke er den eneste måten å formidle informasjon på med tanke på nedsatt fargesyn. (kilde: uutilsynet.no
Teststeg
De fleste automatiserte verktøyene tester for fargekontrast. Se gjerne Hvilket verktøy er best? der vi viser hva SortSite, ARC Toolkit og W3C kodejsekker tester.
En del må likevel testes manuelt:
- Har du brukt designsystemet og NAV frontend?
- Er det tilstrekkelig kontrast mellom tekst og bakgrunn? (kan stort sett testes automatisert, se nedenfor under "automatisert testing")
- Er klikkbare elementer markert med mer enn bare farge?
- Er brukeren avhengig av å kunne se farge (eller form) for å forstå innholdet? Refereres det for eksempel til "den blåe knappen" eller "bildet til høyre"? Gjelder også diagrammer som baserer seg på farge. Se Tilsynets veileder for farge.
Vær obs på følgende:
NAV har som mål å levere tjenester som har kontrastnivå på AAA-nivå. Designsystemet er stadig i forbedringer. Til nå er kontrasten godkjent når den møter kontrastforhold 4,5:1 (AA-nivå i WCAG). Bruk gjerne høyere kontrast. Du finner kontrastforhold mot forskjellige farger i detaljevisningen av fargene på https://design.nav.no/resources/colors.
Inaktive funksjoner bør unngås da de ofte har svært lav kontrast og ikke sees av alle. Er det noe vi ønsker å kommunisere må disse komponentene være tilgjengelig for alle. Se også https://design.nav.no/accessibility/disabled
Verktøy du kan bruke
Noen rene kontrastsjekkere: