Color Contrast Checker — WCAG AA/AAA Accessibility Tool
Verifica contrasto
Aa
Visual Hierarchy
The quick brown fox jumps over the lazy dog. Legibility is critical for universal accessibility and rigorous design systems.
Token di design
Primo piano
#
Sfondo
#
Contrasto2.69:1:1
Testo normaleAA FAIL
AA
AAA
Testo grandeAA FAIL
AA
AAA
Correzione intelligente
Il contrasto attuale non soddisfa WCAG AA. Applica il colore suggerito per rispettare lo standard.
FAQ
Cos'è il contrasto cromatico WCAG?
Le Web Content Accessibility Guidelines (WCAG) richiedono un rapporto di contrasto minimo di 4,5:1 per il testo normale e 3:1 per il testo grande, per garantire che i contenuti siano leggibili per utenti con disabilità visive.
Qual è la differenza tra AA e AAA?
Il livello AA è il requisito legale standard per la maggior parte dei contenuti web (rapporto 4,5:1). Il livello AAA è lo standard di accessibilità più elevato, che richiede un rapporto più rigoroso di 7:1 per la massima leggibilità.
Come posso risolvere un rapporto di contrasto insufficiente?
Puoi scurire il colore di primo piano su uno sfondo chiaro, o schiarirlo su uno sfondo scuro. Il nostro strumento Smart Fix calcola automaticamente il colore accessibile più vicino.