Om dette værktøj
Kontroller farvekontrastforhold mellem forgrundstekst og baggrundsfarver i henhold til WCAG 2.1-retningslinjerne for tilgængelighed. Indtast farver som hex-koder, RGB-værdier eller HSL-værdier, og se øjeblikkeligt kontrastforholdet sammen med beståede/ikke-beståede resultater for WCAG AA- og AAA-overholdelse ved både normale og store tekststørrelser.
Ofte stillede spørgsmål
- Hvilket kontrastforhold er påkrævet for at overholde WCAG?
- WCAG AA kræver 4,5:1 for normal tekst og 3:1 for stor tekst (18pt+ eller 14pt+ fed). WCAG AAA kræver 7:1 for normal tekst og 4,5:1 for stor tekst. Det maksimalt mulige forhold er 21:1 (sort på hvidt).
- Hvorfor betyder farvekontrast noget?
- Tilstrækkelig kontrast sikrer, at tekst er læsbar for brugere med nedsat syn, farveblindhed eller dem, der ser skærme i stærkt sollys. Det er også et lovkrav i henhold til ADA og EU's tilgængelighedsregler for mange websteder.
- Hvad betragtes som 'stor tekst' i WCAG?
- Stor tekst er defineret som 18 pt (24 px) og derover for normal vægt, eller 14 pkt (18,66 px) og derover for fed tekst. Stor tekst har lavere kontrastkrav, fordi den i sagens natur er nemmere at læse.
- Kontrollerer dette værktøj kontrast for ikke-tekstelementer?
- WCAG 2.1 kræver et kontrastforhold på 3:1 for UI-komponenter og grafiske objekter (knapper, ikoner, formularfelter). Du kan også bruge dette værktøj til at bekræfte dem - bare indtast komponent- og baggrundsfarverne.