Verificatore di contrasto WCAG
Scegli un colore di testo e uno di sfondo per ottenere il rapporto di contrasto e verificare se supera le soglie WCAG AA e AAA per testo normale e grande. Tutto viene eseguito nel tuo browser.
Ma la volpe col suo balzo ha raggiunto il quieto
Esempio di testo piccolo a 16px.
Rapporto di contrasto: -
Cosa significano i livelli
WCAG definisce soglie di contrasto perche il testo resti leggibile. AA e la base legale comune: 4.5:1 per testo normale, 3:1 per testo grande (18,66px grassetto o 24px+). AAA e piu severo: 7:1 e 4.5:1. Il testo grande richiede meno contrasto perche i tratti piu spessi si leggono meglio.
Il rapporto e calcolato con la formula della luminanza relativa WCAG 2. Verifica i due colori inseriti; le pagine reali vanno testate anche con il testo effettivamente reso.