Tillgänglighetsverktyg
Färgkontrastkalkylator
Se till att dina text- och bakgrundsfärger uppfyller kontrastkraven i WCAG 2.1 AA och AAA.
Kontrastkvoten är 21.00 till 1.
Normal text kräver en kvot på minst 4.5:1 (WCAG AA).
WCAG AA (Normal)
Pass
Requires 4.5:1
WCAG AA (Large)
Pass
Requires 3.0:1
WCAG AAA (Normal)
Pass
Requires 7.0:1
WCAG AAA (Large)
Pass
Requires 4.5:1
The quick brown fox
Large Text (≥ 18pt or 14pt bold)
The quick brown fox jumps over the lazy dog.
Normal Text
Så använder du verktyget
Ange förgrunds- och bakgrundsfärg i hexformat.
Kalkylatorn avgör automatiskt om de uppfyller kontrastkraven i WCAG.
Formel för relativ luminans
L = 0.2126·R + 0.7152·G + 0.0722·B
Där R, G och B är linjäriserade kanaler:
- Om
c_sRGB ≤ 0.03928→c = c_sRGB / 12.92 - Annars →
c = ((c_sRGB + 0.055) / 1.055) ^ 2.4
Kontrastkvoten (CR) beräknas sedan som: CR = (L1 + 0.05) / (L2 + 0.05) där L1 är den ljusare färgen och L2 den mörkare.
Vad verktyget kontrollerar
Verktyget kontrollerar automatiskt kontrastkvoten mellan din text och bakgrund mot WCAG 2.1 AA och AAA.
Begränsningar med automatiserad testning
Automatiska kontrastkontroller kan inte bedöma kontrast över gradienter, bakgrundsbilder eller komplexa bakgrundsmönster på ett tillförlitligt sätt. Sådana fall måste kontrolleras manuellt.