Monu Tools

Fargekontrast-sjekker

Sjekk kontrastforholdet mellom to farger mot WCAG AA- og AAA-tilgjengelighetsnivåer.

Slik bruker du Kontrast-sjekker

  1. 01

    Velg en tekstfarge og en bakgrunnsfarge.

  2. 02

    Les kontrastforholdet og WCAG bestått- eller ikke bestått-merkene.

  3. 03

    Juster fargene til de består nivået du trenger.

Ofte stilte spørsmål

Hvilket kontrastforhold trenger jeg?

WCAG AA krever 4,5:1 for vanlig tekst og 3:1 for stor tekst (18pt eller 14pt fet). AAA krever henholdsvis 7:1 og 4,5:1.

Hva regnes som stor tekst?

Tekst som er minst 24px (18pt), eller 18,66px (14pt) når den er fet. Stor tekst tillates et lavere kontrastforhold.

Hvordan beregnes forholdet?

Ut fra den relative luminansen til hver farge med den offisielle WCAG-formelen, som gir en verdi fra 1:1 (ingen kontrast) til 21:1 (svart på hvitt).

Om dette verktøyet

En WCAG-fargekontrast-sjekker som viser det nøyaktige kontrastforholdet mellom en tekst- og bakgrunnsfarge og om det oppfyller AA- og AAA-tilgjengelighetsnivåene.

Velg farger med fargeprøven eller med heks-kode og se en sanntids forhåndsvisning. God kontrast gjør nettstedet ditt lesbart og tilgjengelig.

Relaterte verktøy