Verificatore Accessibilità Colori
Controlla i rapporti di contrasto dei colori secondo le linee guida WCAG 2.1. Testa la conformità AA e AAA per testo normale e grande. Gratis, 100% nel browser.
Anteprima testo grande (18pt+)
Anteprima testo normale — verifica la leggibilità contro il colore di sfondo.
Riferimento
Cos'è il contrasto colori WCAG?
Le Linee Guida per l'Accessibilità dei Contenuti Web (WCAG) 2.1 definiscono rapporti minimi di contrasto per garantire che il testo sia leggibile da persone con disabilità visive. Il rapporto di contrasto varia da 1:1 (nessun contrasto) a 21:1 (massimo, nero su bianco). Circa l'8% degli uomini e lo 0,5% delle donne ha qualche forma di deficit nella visione dei colori, rendendo un contrasto sufficiente essenziale per un design inclusivo.
Livelli di conformità WCAG
AA — Testo normale: rapporto di contrasto minimo 4,5:1 (requisito più comune). AA — Testo grande: minimo 3:1 (grande = 18pt/24px regular o 14pt/18,5px grassetto). AAA — Testo normale: minimo 7:1 (migliorato, consigliato per il corpo del testo). AAA — Testo grande: minimo 4,5:1. La maggior parte delle leggi e degli standard di accessibilità (ADA, Sezione 508, EN 301 549) fa riferimento a WCAG AA come requisito minimo.
Come viene calcolato il rapporto di contrasto
Il rapporto di contrasto usa valori di luminanza relativa derivati dai colori sRGB. Ogni canale colore (R, G, B) viene linearizzato: se il valore sRGB ≤ 0,04045, dividere per 12,92; altrimenti calcolare ((valore + 0,055) / 1,055)^2.4. Luminanza = 0,2126·R + 0,7152·G + 0,0722·B. Il rapporto di contrasto = (L1 + 0,05) / (L2 + 0,05), dove L1 è la luminanza del colore più chiaro e L2 del più scuro.
Privacy
Tutti i calcoli vengono eseguiti al 100% nel tuo browser. Nessun dato viene inviato a nessun server.