Kontrastkontroll
Gratis online färgkontrastkontroll för WCAG AA och AAA tillgänglighet. Ange text- och bakgrundsfärger för att omedelbart verifiera efterlevnad.
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å här fungerar det
- Ange textfärgen som en HEX-kod (t.ex. #333333) eller välj den med färgväljaren.
- Ange bakgrundsfärgen på samma sätt.
- Klicka på kontrollknappen för att omedelbart beräkna kontrastroten.
- Granska resultaten för att se om de uppfyller WCAG AA- eller AAA-kraven.
- Justera färgerna efter behov tills du når önskad tillgänglighetsnivå.
Exempel
Indata: Textfärg: #1c1c1c, Bakgrundsfärg: #ffffff
Resultat: Kontrastförhållande: 18.10:1 — Uppfyller WCAG AA och AAA för normal och stor text
Vanliga frågor
WCAG AA och AAA är nivåer i Web Content Accessibility Guidelines. AA kräver ett kontrastförhållande på minst 4.5:1 för normal text och 3:1 för stor text. AAA är den högsta nivån och kräver 7:1 respektive 4.5:1 för ännu bättre tillgänglighet.
Nej, all bearbetning sker lokalt i din webbläsare på klientsidan. Inga färgvärden eller andra uppgifter skickas till någon server. Din integritet är fullständigt skyddad.
Stor text definieras som text på minst 18pt (24px) eller 14pt (ca 18,67px) i fetstil. För stor text är kontrastkraven lägre än för normal text.
Ja, i Sverige är DOS-lagen (lagen om tillgänglighet till digital offentlig service) i kraft sedan 2019 och gäller för offentliga aktörer. Den bygger på WCAG 2.1 nivå AA och gör det till ett lagkrav att uppfylla kontrastkraven för berörda webbplatser.
Ja, förutom text kan du använda verktyget för att kontrollera kontrasten för gränssnittselement och grafiska komponenter. Dessa kräver ett kontrastförhållande på minst 3:1 enligt WCAG AA.