Verificare il contrasto dei colori

Verificare il contrasto dei colori: usi e consigli pratici

Inserisci due colori HEX opachi di tre o sei cifre, con o senza cancelletto. Il rapporto usa la luminanza relativa sRGB e non dipende dalle dimensioni del campione. AA richiede 4,5:1 per testo normale e 3:1 per testo grande; AAA richiede rispettivamente 7:1 e 4,5:1. Il testo grande misura almeno 24 pixel CSS, oppure circa 18,67 pixel in grassetto. Le soglie vengono confrontate prima di arrotondare il numero visualizzato. La verifica riguarda una coppia uniforme: non valuta trasparenze, fotografie, sfumature, stati interattivi o l’accessibilità completa della pagina. Se cambia lo sfondo effettivo, ripeti la prova con i colori reali. Conserva entrambi i codici insieme al risultato.

Verificare il contrasto dei colori. Inizia con l’esempio e osserva il rapporto tra ingresso e risultato prima di incollare un documento completo. L’esempio è piccolo per poterlo verificare senza altre applicazioni. Sostituisci poi i dati con un campione rappresentativo del tuo caso e regola le opzioni. Il pulsante principale esegue l’operazione; caricare l’esempio compila soltanto i controlli. Se modifichi un dato dopo il calcolo, il risultato precedente viene nascosto per evitare di copiare una versione non più corrispondente. Esegui nuovamente dopo ogni modifica. Cancella ripristina i valori iniziali e scarta il risultato della pagina. Copia inserisce il testo negli appunti quando il browser lo consente. Scarica crea il file soltanto quando lo richiedi espressamente; il calcolo non avvia download. Conserva una copia separata dei dati iniziali se devi ripetere il lavoro in seguito, perché il modulo non è un archivio di progetti e non mantiene una cronologia delle operazioni. Per confrontare più prove, salva ogni risultato con un nome che descriva le opzioni utilizzate e controlla che il file appena aperto sia quello corretto.

Verificare il contrasto dei colori. Controlla un campione breve dal risultato prevedibile e un altro caso con i dettagli importanti per il lavoro. Esamina inizio e fine del risultato: una copia apparentemente corretta può appartenere a dati precedenti se hai salvato più versioni fuori dalla pagina. In caso di errore, riduci il campione fino a trovare il dato problematico e controlla i limiti indicati. Non eliminare informazioni soltanto per nascondere un avviso: verifica prima che l’operazione scelta corrisponda al tuo obiettivo. Prima di usare un file in un altro programma, aprilo e controlla caratteri, struttura e valori. Il file contiene il risultato, non le impostazioni del modulo. Per spiegare come è stato ottenuto, conserva anche i dati iniziali e le opzioni utilizzate.

Un controllo pratico prima di utilizzare il risultato

Verificare il contrasto dei colori. Verifica il contrasto tra testo e sfondo rispetto alle soglie WCAG AA e AAA. Controlla il risultato prima di copiarlo o scaricarlo.