Contrasto WCAG
Verifica il rapporto di contrasto colori per l'accessibilità WCAG
Informazioni su Contrasto WCAG
Controlla color contrast ratios against WCAG 2.1 AA and AAA guidelines with live preview, auto-fix suggestions, and CSS export — all nel tuo browser.
Come usare Contrasto WCAG
- 1Inserisci or pick a foreground (text) color and a background color.
- 2Visualizza the contrast ratio and WCAG pass/fail results for AA and AAA levels.
- 3Controlla i risultati per AA e AAA su testo normale e grande.
- 4Usa il suggerimento colore per trovare alternative accessibili.
- 5Genera varianti palette che rispettano i requisiti WCAG.
Consigli
- WCAG AA richiede 4.5:1 per testo normale e 3:1 per testo grande — AAA richiede 7:1 e 4.5:1.
- Upgrade to Starter+ to get the closest AA-compliant color suggestion quando your pair fails.
- Testa your colors at their actual usage sizes — a pair that passes for headings may fail for small body text.
Limiti gratuiti vs a pagamento
Gratuito: contrast checking and preview. Starter+: auto-fix color suggestions and accessible pairs.
Team OneKitToolsAggiornato 2.21.4