Verifica del contrasto dei colori (WCAG)
Controlla se il colore del testo ha abbastanza contrasto con lo sfondo secondo le regole di accessibilità WCAG AA e AAA, con anteprima dal vivo.
Come si usaTesta il contrasto dei colori
Testo grande di esempio
Testo normale di esempio: l’accessibilità aiuta tutti a leggere meglio, su qualsiasi schermo.
Testo piccolo, come didascalie e piè di pagina.
Disponibile in: 
Verifica del contrasto dei colori (WCAG): a cosa serve
Scegli il colore del testo e quello dello sfondo per vedere il rapporto di contrasto e se supera i criteri di accessibilità WCAG per testo normale, testo grande e icone. L’anteprima mostra come appare il testo in varie dimensioni.
Accetta colori in esadecimale (#RRGGBB o #RGB) e ha un pulsante per invertire i colori.
Come si usa
- Scegli o scrivi il colore del testo.
- Scegli il colore dello sfondo.
- Guarda il contrasto e i livelli AA e AAA.
Quando usarlo
- Validare i colori di un sito o di un’app.
- Scegliere il colore di pulsanti e link.
- Correggere gli avvisi di accessibilità di Lighthouse.
Domande frequenti
Qual è il contrasto minimo consigliato?
Per le WCAG livello AA, il testo normale richiede almeno 4,5:1 e il testo grande (da 24 px, o 18,66 px in grassetto) 3:1. Al livello AAA, i minimi salgono a 7:1 e 4,5:1.
Perché il contrasto è importante?
Il testo con poco contrasto è difficile da leggere per chi ha una vista debole, il daltonismo o usa lo smartphone al sole. Inoltre, gli strumenti di SEO e accessibilità segnalano questo problema.
È davvero gratis?
Sì, 100% gratis. Senza registrazione, senza abbonamento e senza limiti d’uso. Tutti gli strumenti di Tools123 sono gratuiti.