Kontrollverktøy for fargekontrast (WCAG)

Hvordan sjekker jeg fargekontrast?

Slik bruker du den

  1. Skriv inn de nødvendige verdiene i feltene.
  2. Klikk på «Beregn» for å se resultatet.
  3. Kopier eller del resultatet med «Del»-knappen.

Om denne kalkulatoren

Dette verktøyet regner ut WCAG-kontrastforholdet mellom en forgrunns- og en bakgrunnsfarge, en verdi fra 1:1 (identiske farger, ingen kontrast) opp til 21:1 (rent svart på rent hvitt), beregnet ut fra den relative luminansen til hver farge. Deretter sjekker det forholdet mot de offisielle tilgjengelighetsgrensene AA og AAA — 4,5:1 for AA og 7:1 for AAA (standarden tillater også en lavere grense på 3:1 for stor tekst, som dette verktøyet ikke bruker) — for å si om en gitt kombinasjon av tekst og bakgrunn faktisk er lesbar nok til å oppfylle tilgjengelighetsstandardene.

Det brukes av webdesignere og frontend-utviklere som sjekker en fargepalett før den settes i produksjon, siden tekst med lav kontrast er en av de vanligste tilgjengelighetsklagene og kan bryte lovpålagte tilgjengelighetskrav i enkelte jurisdiksjoner. Tilgjengelighetsrevisorer bruker den samme utregningen når de gjennomgår et nettsted eller en app for WCAG-samsvar, og designsystemer bygger ofte AA-godkjente fargepar rett inn i komponentbibliotekene sine for å unngå problemet helt.

Was this helpful?

Du kan velge opptil 3 reaksjoner.

Comments (0)

  • Be the first to comment.

Populære kalkulatorer

Alle kalkulatorer