Generatore di tavolozze di colori accessibili
Costruisci una palette di colori e vedi all'istante quali combinazioni rispettano i rapporti di contrasto WCAG 2.2 AA (4,5 : 1) e AAA (7 : 1). Ogni coppia è testata automaticamente.
La tua palette
Matrice di contrasto
Clicca su «Verifica tutte le coppie» per generare la matrice di contrasto.
Coppie accessibili
Avvia la verifica per vedere le coppie che passano.
📚 Basi scientifiche e fonti
Per chi è progettato questo strumento
Un contrasto di colore adeguato è essenziale per le persone ipovedenti, le persone affette da deficit di visione dei colori (DVC) e quelle con disturbi visivi legati all'età. L'OMS stima che almeno 2,2 miliardi di persone nel mondo soffrono di una disabilità visiva da vicino o da lontano (OMS, 2019). Le ricerche di Owsley (2011) mostrano che la sensibilità al contrasto diminuisce significativamente con l'età, il che rende un design ad alto contrasto ancora più importante per le persone anziane. La DVC colpisce circa 300 milioni di persone nel mondo (Colour Blind Awareness). Designer, sviluppatori e team di brand usano questo strumento per garantire che le loro palette di colori rispettino i requisiti minimi di contrasto WCAG e preservino l'usabilità per tutte queste popolazioni.
Requisiti di contrasto WCAG 2.2
- CS 1.4.3 (contrasto minimo, livello AA): il testo normale richiede un rapporto di contrasto ≥ 4,5:1. Il testo grande (18 pt+ o 14 pt+ grassetto) richiede ≥ 3:1.
- CS 1.4.6 (contrasto rinforzato, livello AAA): il testo normale richiede un rapporto di contrasto ≥ 7:1. Il testo grande richiede ≥ 4,5:1.
- CS 1.4.11 (contrasto non testuale, livello AA): i componenti di interfaccia e gli oggetti grafici richiedono un contrasto ≥ 3:1 con i colori adiacenti.
Riferimenti scientifici
- W3C (2023). «Web Content Accessibility Guidelines (WCAG) 2.2.» w3.org/TR/WCAG22 · Definisce le soglie di rapporto di contrasto (4,5:1, 7:1, 3:1) e l'algoritmo di calcolo della luminanza relativa usato in questo strumento.
- Owsley, C. (2011). «Aging and vision.» Vision Research, 51(13), 1610–1622. · Documenta che la sensibilità al contrasto diminuisce significativamente con l'età a causa di cambiamenti ottici e neurali, sottolineando l'importanza di un design ad alto contrasto per le popolazioni che invecchiano.
- Organizzazione mondiale della Sanità (2019). Rapporto mondiale sulla vista. · Stabilisce che almeno 2,2 miliardi di persone nel mondo soffrono di una disabilità visiva, la basso visione e la presbiopia sono le forme più diffuse.
- Legge, G.E. (2007). Psychophysics of Reading in Normal and Low Vision. Lawrence Erlbaum Associates. · Ricerca fondante sull'impatto del contrasto, della dimensione del carattere e della spaziatura sulle prestazioni di lettura delle persone ipovedenti.
- Arditi, A. & Faye, E. (2004). «Monocular and binocular letter contrast sensitivity and letter acuity in a diverse ophthalmologic practice.» Optometry and Vision Science, 81(4), 287–292. · Dimostra l'importanza clinica della sensibilità al contrasto come indicatore della vista funzionale.
Algoritmo
La luminanza relativa è calcolata secondo la definizione WCAG 2.2: i valori dei canali sRGB sono linearizzati (rimozione della correzione gamma), poi ponderati (0,2126 R + 0,7152 G + 0,0722 B) secondo la norma ITU-R BT.709. Rapporto di contrasto = (Lpiù chiaro + 0,05) / (Lpiù scuro + 0,05).
Avvertenza
Questo strumento calcola i rapporti di contrasto con l'algoritmo specificato in WCAG 2.2. Raggiungere le soglie matematiche di contrasto è una condizione necessaria ma non sufficiente per la leggibilità: fattori come il peso del carattere, la sua dimensione, l'antialiasing e la calibrazione dello schermo influiscono anche sulla leggibilità. La conformità WCAG richiede una valutazione di tutti i criteri di successo, non solo del contrasto. Questo strumento non fornisce consigli legali. Per audit di accessibilità formali, consulta un professionista qualificato.