Kontrastforholdet mellom tekst og bakgrunn er minst 4,5: 1

1.4.3 Kontrast (minimum, Nivå AA)


Alle brukerne dine vil ha god kontrast mellom teksten på nettstedet ditt og bakgrunnsfargen. Noen av brukerne dine med synshemninger trenger en sterkere kontrast enn andre, så det er viktig å få fargene dine riktig

Merk at kravet om kontrastforhold 4.5:1 kun gjelder for tekst. Kontrastforhold mellom grensesnittkomponenter og ikoner skal være 3:1. Tekst krever en høyere kontrast fordi brukerne trenger å lese den. Grensesnittkomponenter krever ikke lesing og har en lavere standard.
Retningslinje 1.4.3 er en av de mest kompliserte i WCAG, for å lese hele retningslinjen kan du klikke her.


Hva du bør gjøre

Forsikre deg om at kontrastforholdet mellom tekst og bakgrunn er minst 4,5: 1.

Gjør dette ved å:

  • Bruke en lys bakgrunn og mørk tekst, eller
  • Ved hjelp av en mørk bakgrunn og lys tekst, og
  • Bruk WebAims fargekontrastkontroll for å bekrefte valget ditt

Tips

  • Å velge en kontrast på minst 7: 1 vil også oppfylle retningslinje 1.4.6.
  • Husk å forsikre deg om at alle brukte farger stemmer overens. Dette inkluderer koblinger som endrer farge etter å ha blitt brukt en gang, og overskrifter i menyer og sidefelt, samt hovedinnhold.
  • Forsikre deg om at alle innebygde diagrammer eller bilder av diagrammer har minst mulig kontrast mellom elementer
  • Denne retningslinjen gjelder også bilder av tekst (men du bør ikke bruke bilder av tekst, se retningslinje 1.4.5).

Unntak

  • Tekst som er 18 punkter eller større (eller 14 punkter eller større, hvis den er fet), må ha en kontrast på minst 3: 1.
  • Hvis teksten er rent dekorativ.
  • Hvis teksten er en tilfeldig del av et bilde (for eksempel en mann som leser en avis eller et landskap som tilfeldigvis inkluderer et gateskilt).
  • Merkelogoer.