Kontrast-Tjekker
Gratis online farvekontrast-tjekker til WCAG AA og AAA tilgængelighed. Indtast tekst- og baggrundsfarver for at verificere overholdelse øjeblikkeligt.
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
21:1
Contrast Ratio
| WCAG AA | WCAG AAA | |
|---|---|---|
| Normal Text | ||
| Large Text |
Sådan fungerer det
- Indtast tekstfarven som en HEX-kode (f.eks. #333333) eller vælg den med farfevælgeren.
- Angiv baggrundsfarven på samme måde.
- Klik på knappen for at beregne kontrastforholdet øjeblikkeligt.
- Se resultatet og kontroller, om det opfylder WCAG AA- eller AAA-kravene.
- Juster farverne efter behov, indtil du opnår det ønskede tilgængelighedsniveau.
Eksempel
Input: Tekstfarve: #1c1c1c, Baggrundsfarve: #ffffff
Resultat: Kontrastforhold: 18.10:1 — Opfylder WCAG AA og AAA for normal og stor tekst
FAQ
WCAG AA og AAA er niveauer i Web Content Accessibility Guidelines. AA kræver et kontrastforhold på mindst 4.5:1 for normal tekst, mens AAA kræver 7:1. AAA er det højeste niveau og sikrer tilgængelighed for flere brugere.
Nej, alle beregninger foregår lokalt i din browser. Ingen data sendes til nogen server, og dine farvevalg forbliver fuldstændig private.
Stor tekst er defineret som tekst på mindst 18pt (24px) eller 14pt (ca. 18,67px) fed skrift. For stor tekst er kontrastkravet lavere end for normal tekst.
Ja, værktøjet understøtter både HEX-koder og RGB-værdier. Du kan indtaste den farveformat, du er mest fortrolig med.
God farvekontrast sikrer, at tekst kan læses af alle brugere, herunder dem med synsnedsættelse eller farveblindhed. Det er også et lovkrav i mange lande for offentlige og kommercielle hjemmesider.