Gratis färgkontrastkontroll online som testar kontrastförhållanden mellan två färger mot WCAG 2. 1-tillgänglighetsstandarder (AA, AAA).
Hur använder man Färgkontrastkontroll?
Ange förgrundsfärg (text) och bakgrundsfärg.
Kontrollera kontrastförhållandet och WCAG-betyget (AA/AAA).
Justera färger vid behov för att uppfylla standarderna.
Vanliga frågor om Färgkontrastkontroll
Vad är skillnaden mellan WCAG AA och AAA?
AA kräver 4.5:1 för normal text och 3:1 för stor text. AAA är striktare med 7:1 respektive 4.5:1.
Vad gör jag om mitt kontrastförhållande inte godkänns?
Justera färgerna ljusare eller mörkare för att öka kontrasten. Verktyget visar resultat i realtid medan du justerar.
Stor text har lägre tröskel — hur stor måste den vara?
WCAG räknar text som stor från 18 pt (cirka 24 px) i normal vikt, eller 14 pt (cirka 18,7 px) i fetstil. Uppfyller du det sjunker AA-kravet från 4,5:1 till 3:1. Kom ihåg att detta är golv, inte mål: brödtext måste gå att läsa även på en nedtonad laptopskärm eller i dagsljus, så att sikta närmare 7:1 är den tryggare vanan.
Hur kontrollerar jag kontrasten för text på ett foto eller en genomskinlig panel?
Kontrastberäkningen förutsätter två enfärgade ytor, så på ett foto måste du plocka den ljusaste och den mörkaste punkten under texten och köra kontrollen två gånger. Faller någon av dem drunknar texten någonstans i bilden. I praktiken är ett enfärgat band bakom texten mer tillförlitligt än ett genomskinligt svart lager eller en textskugga, eftersom båda beror på vad som ligger under.
Tips för att använda Färgkontrastkontroll effektivt
Brödtext kräver 4,5:1; från 18pt eller fet 14pt räcker 3:1 för nivå AA.
Svenska DOS-lagen hänvisar via EN 301 549 till exakt samma kontrastkrav som WCAG.
Icke-textelement som ikoner och fältramar behöver också 3:1 mot bakgrunden.