Verifica contrasto WCAG
Inserisci colore del testo e dello sfondo per ottenere il rapporto di contrasto WCAG e vedere se soddisfa AA e AAA per testo normale e grande.
- Funziona nel browser
- Nessun caricamento
- Il risultato resta sul tuo dispositivo
Privacy e limitiFunziona nel tuo browser. Nulla viene caricato.
Il contenuto degli input resta in questa scheda; Refentra non lo carica né lo memorizza. I conteggi aggregati facoltativi delle azioni vengono inviati solo con il tuo consenso alla misurazione dell’uso. Svuota l’area di lavoro al termine.
Profilo supportato: WCAG 2.2 sRGB opaco; AA normale/grande: 4,5/3; AAA: 7/4,5. Grande: 18pt o 14pt grassetto.
Massimo 200.000 unità UTF-16; i parser possono avere limiti inferiori. Worker: 15 secondi (regex 1,5 secondi).
Controlla i dati e il risultato
- Prepara e scegli l’operazione
Inserisci colori opachi per testo e sfondo; confronta separatamente le soglie per il testo normale e per il testo grande.
- Verifica un esempio concreto
Prova questo esempio e confronta il risultato indicato: #000000 / #ffffff → 21:1; #777777 / #ffffff → ≈4.48:1 < AA 4.5:1
- Controlla prima di riutilizzare l’output
Leggi il rapporto numerico prima delle etichette di esito; un valore vicino a 4,5 deve rispettare la soglia non arrotondata.
Risposte per questa operazione
Quando il testo è considerato grande?
Per WCAG un testo grande è di almeno 18pt, oppure 14pt in grassetto; per questo livello AA richiede 3:1, contro 4,5:1 per il testo normale.
Che cosa controllo se i dati vengono rifiutati?
Usa una sintassi di colore opaco supportata; risolvi la trasparenza rispetto allo sfondo reale prima di confrontare.
Dove si ferma questo strumento?
Il contrasto WCAG 2.2 tra due colori non è un controllo completo dell’accessibilità; gradienti, immagini, visibilità del focus e contesto richiedono verifiche a parte.