Risposta diretta
Questo strumento calcola il rapporto di contrasto della luminanza relativa tra colore del testo e colore di sfondo in base alle specifiche ufficiali WCAG 2.2, attestando la conformità per i livelli AA e AAA.
Come usare questo strumento
Inserire il colore del testo e dello sfondo
Digita i codici colore in formato HEX, RGB o HSL oppure usa il selettore visivo.
Consultare il rapporto di contrasto calcolato
Verifica il rapporto numerico calcolato in tempo reale (es. 4,5:1 o 7,1:1).
Verificare i requisiti WCAG AA e AAA
Controlla gli esiti per testo normale, testo grande e componenti grafici dell'interfaccia.
Applicare i suggerimenti correttivi
Usa lo slider di luminosità assistita per raggiungere la conformità desiderata con il minimo scostamento cromatico.
Formula della luminanza relativa e rapporto di contrasto WCAG
La luminanza relativa (L) misura la luminosità percepita di ciascun colore normalizzata tra 0 (nero puro) e 1 (bianco puro) nello spazio sRGB, applicando la correzione gamma per ciascun canale cromatico (rosso, verde e blu).
- Livello AA: richiede un rapporto minimo di 4,5:1 per testo normale e 3:1 per testo grande (>= 18pt o 14pt grassetto).
- Livello AAA: richiede un rapporto minimo di 7:1 per testo normale e 4,5:1 per testo grande per garantire la massima leggibilità a persone con ipovisione.
- Componenti UI e controlli interattivi richiedono un contrasto minimo di 3:1 rispetto ai colori adiacenti.
Esempi pratici
Verifica del contrasto tra testo scuro e sfondo grigio chiaro
Input: Colore testo: #1f2937, Colore sfondo: #f3f4f6
Output: Rapporto di contrasto: 10,7:1 (Conforme WCAG AA e AAA per tutte le dimensioni di testo)
Dimostra un'eccellente leggibilità conforme agli standard internazionali di accessibilità digitale.
Limitazioni
- Il calcolo WCAG 2.2 si applica a colori a tinta unita; in presenza di sfondi con immagini o gradienti, il contrasto deve essere valutato sul punto più sfavorevole.
Domande frequenti
Cosa stabilisce la linea guida WCAG 2.2 per l'accessibilità del testo?
Le linee guida WCAG 2.2 richiedono un contrasto sufficiente tra testo e sfondo affinché i contenuti risultino pienamente leggibili da persone con disabilità visive o in condizioni di forte luminosità ambientale.
Come posso correggere rapidamente una combinazione di colori non conforme?
Lo strumento fornisce suggerimenti automatici: puoi scurire il testo o schiarire lo sfondo con un solo clic mantenendo la stessa tonalità cromatica originaria.
Riferimenti autorevoli e standard
- Linee guida W3C Web Content Accessibility Guidelines (WCAG) 2.2 ↗ — Standard ufficiale per i criteri di contrasto, le soglie dei livelli AA e AAA e il contrasto non testuale.
- Definizione W3C e formula matematica della luminanza relativa ↗ — Definizione e formula matematica ufficiale della luminanza relativa nello spazio cromatico sRGB.