Controllo contrasto colori

Questo è un verificatore di contrasto colore WCAG che mostra il rapporto di contrasto esatto tra il colore del testo e il colore dello sfondo, e se rispetta i livelli di accessibilità AA e AAA. Scegli i colori con il campione o tramite codice hex e osserva un'anteprima in tempo reale.

Regola i due colori finché i badge non superano il livello che ti serve: il risultato si aggiorna all'istante mentre procedi.

Un testo troppo simile per luminosità al suo sfondo è difficile o impossibile da leggere, soprattutto per chi ha una vista ridotta o deficit nella percezione dei colori, o per chiunque usi il telefono sotto il sole. Un contrasto sufficiente mantiene i tuoi contenuti leggibili per tutti.

Le Linee guida per l'accessibilità dei contenuti web (WCAG) fissano lo standard. Il livello AA, quello a cui punta la maggior parte dei siti e a cui si riferiscono molte leggi sull'accessibilità, richiede un rapporto di 4,5:1 per il testo normale e 3:1 per il testo grande. Il livello AAA è più severo, con 7:1 e 4,5:1.

Il testo grande ha una soglia più bassa perché le lettere più grandi restano leggibili con meno contrasto. Si considera grande a circa 24px (18pt), o 18,66px (14pt) se in grassetto.

Il rapporto deriva dalla luminanza relativa dei due colori tramite la formula ufficiale WCAG, e produce un valore da 1:1 (nessun contrasto, colori identici) fino a 21:1 (nero su bianco).

Tutto viene calcolato nel tuo browser, quindi è istantaneo e privato. Nulla di ciò che scegli viene caricato da qualche parte.