Gratis online kontrastkontrol, der tester kontrastforhold mellem to farver i forhold til WCAG 2. 1-tilgængelighedsstandarderne (AA, AAA).
Hvordan bruger man Farvekontrast-tjek?
Indtast forgrunds- (tekst-) og baggrundsfarver.
Tjek kontrastforholdet og WCAG-niveauet (AA/AAA).
Juster farverne efter behov for at opfylde standarderne.
Ofte stillede spørgsmål om Farvekontrast-tjek
Hvad er forskellen mellem WCAG AA og AAA?
AA kræver 4,5:1 for normal tekst og 3:1 for stor tekst. AAA er strengere med henholdsvis 7:1 og 4,5:1.
Hvad hvis mit kontrastforhold ikke består?
Juster farverne lysere eller mørkere for at øge kontrasten. Værktøjet viser resultaterne i realtid, mens du justerer.
Stor tekst har en lavere tærskel — hvor stor skal den være?
WCAG regner tekst som stor fra 18 pt (cirka 24 px) i normal vægt eller 14 pt (cirka 18,7 px) i fed. Er det opfyldt, falder AA-kravet fra 4,5:1 til 3:1. Husk dog, at det er gulve og ikke mål: brødtekst skal også kunne læses på en nedtonet bærbar skærm eller i dagslys, så at sigte mod omkring 7:1 er den sikrere vane.
Hvordan tjekker jeg kontrasten for tekst på et foto eller et halvgennemsigtigt panel?
Kontrastberegningen forudsætter to ensfarvede flader, så på et foto må du hente det lyseste og det mørkeste punkt under teksten og køre tjekket to gange. Falder blot den ene, forsvinder teksten et sted i billedet. I praksis er et ensfarvet bånd bag teksten mere pålideligt end et halvgennemsigtigt sort lag eller en tekstskygge, da begge afhænger af, hvad der ligger nedenunder.
Tips til effektiv brug af Farvekontrast-tjek
Brødtekst kræver 4,5:1; fra 18pt eller fed 14pt er 3:1 nok til niveau AA.
Den danske webtilgængelighedslov henviser via EN 301 549 til de samme WCAG-krav.
Ikke-tekstelementer som ikoner og feltkanter skal også have 3:1 mod baggrunden.