Tjek et farvepar
—
| Indhold | Krævet ratio | AA | AAA | |
|---|---|---|---|---|
| Normal tekst (< 18pt / < 14pt fed) | 4.5 : 1 | — | — | |
| Stor tekst (≥ 18pt eller ≥ 14pt fed) | 3 : 1 | — | — | |
| UI-komponenter & grafik | 3 : 1 | — | n/a | |
Eksempel på stor overskrift
Sådan ser almindelig brødtekst ud i din valgte kombination. Læselig i længden? Dine læsere afgør det på få sekunder.
Ratioerne følger WCAG 2.1 success-kriterierne 1.4.3 (Contrast Minimum), 1.4.6 (Contrast Enhanced) and 1.4.11 (Non-text Contrast). Skal fejl rettes på hele sitet? Den gratis Accessibility Scanner finder lavkontrast-tekst på en hel side.
Sådan beregnes ratioen
Hver farve konverteres til sRGB relativ luminans (L = 0.2126·R + 0.7152·G + 0.0722·B efter gamma-ekspansion). Kontrast-ratioen er (L1 + 0,05) / (L2 + 0,05), hvor L1 er den lyseste farve. En ratio på 1:1 betyder identiske farver; 21:1 er maksimum (sort på hvidt). Det matcher formlen i WCAG-specifikationen nøjagtigt.
Guide: sådan tjekker du kontrast trin for trin
← Alle gratis værktøjer · Tekst-på-billede-tjek · Hele-siden-scanner · Palette generator · English version