Farvekontrast-tjek
Quizdeltagerne spiste jordbær med fløde, mens cirkusklovnen Walther spillede på xylofon
Quizdeltagerne spiste jordbær med fløde, mens cirkusklovnen Walther spillede på xylofon
Hvad er Farvekontrast-tjek
Dette værktøj måler kontrastforholdet mellem en tekstfarve og en baggrundsfarve og tjekker det derefter op mod WCAG 2.1-tilgængelighedsretningslinjerne. Det viser en live forhåndsvisning af begge farver sammen og fortæller dig, om parret består AA eller AAA for normal tekst og stor tekst, så du kan fange læsbarhedsproblemer, før de når produktion.
Sådan bruger du det
- Vælg eller skriv tekstfarven i det første felt som en HEX-kode.
- Vælg eller skriv baggrundsfarven i det andet felt.
- Tjek kontrastforholdet og bestået/ikke bestået-mærkerne for AA og AAA.
- Klik på byt om-knappen for at teste farverne omvendt.
- Kopiér URL'en for at dele det præcise par med dit team.
Hvornår du bør bruge det
Vælger du brødtekst til et nyt design og er usikker på, om det er læsbart nok? Indtast din tekstfarve og baggrund, for eksempel #767676 på #FFFFFF, og du får et forhold på 4,54:1: bestået for AA normal tekst, men ikke bestået for AAA. Det er forskellen mellem et tilgængeligt produkt og en markering i en revision, uanset om du gennemgår en kundes side eller udgiver din egen app.
Ofte stillede spørgsmål
Hvad er et godt kontrastforhold for tekst?
WCAG AA kræver mindst 4,5:1 for normal tekst og 3:1 for stor tekst (18pt eller 14pt fed og opefter). WCAG AAA er strengere: 7:1 for normal tekst og 4,5:1 for stor tekst.
Hvad er det højst mulige kontrastforhold?
21:1, forholdet mellem ren sort (#000000) og ren hvid (#FFFFFF). Intet farvepar kan overstige det.
Hvorfor bestod mine farver ikke AA, selvom designet ser fint ud for mig?
Kontrastforhold måler tilgængelighed, ikke personlig smag. Nogen med nedsat syn, eller enhver, der ser en skærm i klart sollys, har brug for mere kontrast end et par, der ser fint ud for et typisk syn.
Tjekker dette værktøj også farveblindhed?
Nej. Værktøjet tjekker luminanskontrast efter WCAG-formlen, hvilket gavner alle brugere, herunder mange former for farveblindhed, men det simulerer ikke specifikke farvesynsfejl.
Kan jeg dele værktøjet med mine værdier udfyldt?
Ja. Webadressen opdateres automatisk, mens du vælger farver. Kopiér den fra adressefeltet eller brug Del-knappen — den, der åbner linket, ser præcis dine farver klar til brug.
Relaterede værktøjer
Billedformat Beregner
Beregn billedformatet, find den manglende bredde eller højde og skift størrelse på billeder og video uden at forvrænge proportionerne. Gratis.
Base64-dekoder
Dekod Base64-strenge til almindelig tekst direkte i din browser. Understøtter fuldt Unicode-output inklusive emojis. Gratis Base64-dekoder online.
Base64-koder
Kod enhver tekst til Base64 direkte i din browser. Understøtter Unicode, emojis og specialtegn. Gratis Base64-koder online.