Verifica Contrasto
Verifica la conformità WCAG AA e AAA per qualsiasi combinazione di colori di testo e sfondo.
Text color
Background color
Large Text Example (18pt+)
Normal text: The quick brown fox jumps over the lazy dog. This is regular body text to test readability and contrast against the selected background color.
Large text = 18pt (24px) normal or 14pt (18.67px) bold. WCAG 2.1 guidelines. AA is the minimum standard; AAA is enhanced.
Cos'è la conformità al contrasto WCAG?
WCAG definisce rapporti di contrasto minimi tra testo e sfondo per garantire la leggibilità per le persone con problemi visivi. Il livello AA richiede almeno 4,5:1 per il testo normale e 3:1 per il testo grande. Il livello AAA è lo standard avanzato con 7:1 e 4,5:1.
AA o AAA - quale scegliere?
AA è il minimo legale per la maggior parte delle normative sull'accessibilità (EN 301 549 in Europa, Section 508 negli USA). AAA è il gold standard. La maggior parte dei team punta all'AA per tutto il testo e all'AAA per il corpo del testo dove possibile.
Cosa si intende per "testo grande"?
WCAG definisce il testo grande come 18pt (24px) o più in peso normale, o 14pt (18,67px) in grassetto. Il testo grande beneficia di un rapporto di contrasto più permissivo (3:1 per AA) perché la dimensione stessa aiuta la leggibilità.
Come usare questo strumento
Scegli il colore del testo e dello sfondo con i selettori di colore o digita i codici esadecimali. Il rapporto di contrasto si aggiorna istantaneamente e tutti e quattro i controlli WCAG mostrano Superato o Non superato in tempo reale.