Om dette verktøyet
Sjekk fargekontrastforhold mellom forgrunnstekst og bakgrunnsfarger i henhold til WCAG 2.1-retningslinjene for tilgjengelighet. Skriv inn farger som heksadesimale koder, RGB-verdier eller HSL-verdier og se umiddelbart kontrastforholdet sammen med bestått/ikke bestått-resultater for WCAG AA- og AAA-overholdelse ved både normale og store tekststørrelser.
Ofte stilte spørsmål
- Hvilket kontrastforhold kreves for å overholde WCAG?
- WCAG AA krever 4,5:1 for normal tekst og 3:1 for stor tekst (18pt+ eller 14pt+ fet skrift). WCAG AAA krever 7:1 for normal tekst og 4,5:1 for stor tekst. Maksimalt mulig forhold er 21:1 (svart på hvitt).
- Hvorfor er fargekontrast viktig?
- Tilstrekkelig kontrast sikrer at teksten er lesbar for brukere med dårlig syn, fargeblindhet eller de som ser på skjermer i sterkt sollys. Det er også et lovkrav i henhold til ADA og EUs tilgjengelighetsforskrifter for mange nettsteder.
- Hva regnes som "stor tekst" i WCAG?
- Stor tekst er definert som 18 pkt (24px) og over for vanlig vekt, eller 14 pkt (18,66 px) og over for fet tekst. Stor tekst har lavere kontrastkrav fordi den iboende er lettere å lese.
- Sjekker dette verktøyet kontrasten for ikke-tekstelementer?
- WCAG 2.1 krever et kontrastforhold på 3:1 for UI-komponenter og grafiske objekter (knapper, ikoner, skjemafelt). Du kan bruke dette verktøyet til å bekrefte disse også - bare skriv inn komponenten og bakgrunnsfargene.