Verifica contrasto colore (WCAG)

Informazioni su questo calcolatore

Questo strumento calcola il rapporto di contrasto WCAG tra un colore di primo piano e uno di sfondo, un valore che va da 1:1 (colori identici, nessun contrasto) fino a 21:1 (nero puro su bianco puro), ricavato dalla luminanza relativa di ciascun colore. Confronta poi quel rapporto con le soglie ufficiali di accessibilità AA e AAA — 4,5:1 per l'AA e 7:1 per l'AAA (lo standard ammette anche una soglia più bassa di 3:1 per il testo grande, che questo strumento non applica) — per dire se una data combinazione di testo e sfondo è davvero abbastanza leggibile da rispettare gli standard di accessibilità.

È usato da web designer e sviluppatori front-end che verificano una palette di colori prima del rilascio, dato che il testo a basso contrasto è una delle lamentele di accessibilità più comuni e in alcune giurisdizioni può violare requisiti legali di accessibilità. Anche gli auditor di accessibilità usano questo stesso calcolo nel revisionare un sito o un'app per la conformità WCAG, e i design system spesso integrano direttamente nelle proprie librerie di componenti coppie di colori che superano il livello AA per evitare del tutto il problema.