Gratis Farvekontrasttjekker
Test farvekontrastforhold mod WCAG 2.1-tilgængelighedsstandarder. Tjek AA- og AAA-overholdelse for tekstlæsbarhed. Gratis, øjeblikkelig og privat.
Farvekontrast-tjekker tester ethvert forgrunds-/baggrundspar mod WCAG 2.1 AA- og AAA-standarderne ved hjælp af formlen for relativ luminans. Viser kontrastforhold, bestå/fald pr. teksttype og UI-komponenter, live forhåndsvisning og simulering af farveblindhed for protanopi, deuteranopi og tritanopi. Foreslår alternative farver, der består, når et par fejler. Kører helt i din browser. Lavet af FreeToolHub.
| Normal tekst | Stor tekst | |
|---|---|---|
| WCAG AA | ✓ Bestået Kræver 4,5:1 forhold | ✓ Bestået Kræver 3:1 forhold |
| WCAG AAA | ✓ Bestået Kræver 7:1 forhold | ✓ Bestået Kræver 4,5:1 forhold |
| UI-komponenter | ✓ Bestået Kræver 3:1 forhold (WCAG 2.1) | |
Ofte stillede spørgsmål
Hvad er et farvekontrastforhold?
Et kontrastforhold måler forskellen i opfattet lysstyrke mellem to farver, udtrykt som et forhold fra 1:1 (ingen kontrast) til 21:1 (maksimal kontrast, sort på hvid). Det beregnes ved hjælp af WCAG-formlen for relativ luminans.
Hvilket kontrastforhold skal jeg bruge for WCAG-overholdelse?
WCAG AA kræver et minimumskontrastforhold på 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. UI-komponenter kræver mindst 3:1 under WCAG 2.1.
Hvad tæller som "stor tekst" i WCAG?
Stor tekst er defineret som 18 punkt (24px) eller større ved normal vægt, eller 14 punkt (ca. 18,66px) eller større ved fed. Stor tekst har lavere kontrastkrav, fordi den i sig selv er lettere at læse.
Hvorfor er farvekontrast vigtig for tilgængelighed?
Cirka 1 ud af 12 mænd og 1 ud af 200 kvinder har en form for farvesynsdefekt. Tekst med lav kontrast er svær eller umulig at læse for personer med nedsat syn eller farveblindhed. Tilstrækkelig kontrast sikrer, at dit indhold kan læses af alle.
Gemmer dette værktøj mine farvevalg?
Nej. Alt kører lokalt i din browser. Ingen farver, resultater eller data sendes til en server eller gemmes. Dit privatliv er fuldt beskyttet.
Hvordan fungerer farveforslagsfunktionen?
Når et farvepar ikke opfylder et WCAG-niveau, beregner værktøjet automatisk den nærmeste farve, der ville bestå, ved at justere lysheden i HSL-farverummet, mens den originale farvetone og mætning bevares. Det foreslår både en mørkere forgrund og en lysere baggrund.