Verificatore di Contrasto Colori — Test di Accessibilità WCAG

Verificatore di Contrasto Colori — Testa i Tuoi Colori per l’Accessibilità

Verifica se il contrasto tra i colori del tuo testo e dello sfondo rispetta gli standard di accessibilità WCAG. Un buon contrasto rende i tuoi contenuti leggibili per tutti, incluse le persone ipovedenti o daltoniche — ed è sempre più richiesto dalla legge e premiato dai motori di ricerca.

Cos’è il rapporto di contrasto?

Il rapporto di contrasto misura la differenza di luminosità tra due colori, espresso da 1:1 (nessun contrasto, colori identici) a 21:1 (contrasto massimo, nero su bianco). Più alto è il rapporto, più facile è leggere il testo.

Gli standard WCAG spiegati

• AA (minimo): 4.5:1 per testo normale, 3:1 per testo grande — lo standard legale nella maggior parte dei paesi
• AAA (avanzato): 7:1 per testo normale, 4.5:1 per testo grande — lo standard d’eccellenza
• Il testo grande è definito come 18pt+ (24px) o 14pt+ grassetto (circa 18.66px grassetto)

Funzionalità

• Calcolo dal vivo: il rapporto si aggiorna all’istante quando cambi i colori
• Selettore + input hex: scegli visivamente o digita i codici hex esatti
• Quattro verifiche: testo normale e grande, ai livelli AA e AAA
• Anteprima dal vivo: vedi testo reale renderizzato nei tuoi colori scelti
• Pulsante di inversione: scambia istantaneamente testo e sfondo

Perché l’accessibilità conta

• Inclusività: circa 1 uomo su 12 e 1 donna su 200 hanno una forma di deficienza della visione dei colori
• Conformità legale: le leggi sull’accessibilità (EAA, ecc.) richiedono sempre più la conformità WCAG
• UX migliore per tutti: un buon contrasto aiuta tutti, specialmente su mobile alla luce intensa del sole
• SEO: i motori considerano i segnali di accessibilità nella qualità della pagina

Privacy

Questo strumento funziona interamente nel tuo browser. Nessun dato viene inviato da nessuna parte.