Contrasto dei colori: il testo si legge bene? (WCAG)
Per slide, cartelli, schede e siti leggibili da tutti, anche da chi ha una vista debole, la dislessia o guarda un proiettore sbiadito: scegli il colore del testo e quello dello sfondo e vedi subito se il contrasto basta, con i colori più vicini che vanno bene.
I colori si possono scrivere anche come rgb(…), hsl(…) o con il nome inglese (navy, white…).
Testo grande, 24 pixel
Testo normale, 16 pixel: si legge bene anche da lontano e su un proiettore?
Testo piccolo, 13 pixel: note, didascalie, piè di pagina.
Come vede questi colori chi non distingue alcuni colori
Come si usa
- Apri lo strumento e carica il file (o inserisci i dati) nella pagina: niente registrazione.
- Scegli le opzioni che ti servono.
- Premi il pulsante e scarica il risultato: resta tutto sul tuo dispositivo.
Perché nel browser
Tutto avviene nel browser, senza inviare niente a un server. Il calcolo è quello ufficiale delle linee guida WCAG 2.2.
Domande frequenti
Cosa vogliono dire AA e AAA?
Sono i livelli delle linee guida internazionali per l’accessibilità (WCAG): AA è il minimo richiesto per siti e documenti pubblici, compresi quelli delle scuole (rapporto almeno 4,5 : 1 per il testo normale, 3 : 1 per quello grande); AAA è il livello più alto (7 : 1).
Cos’è il «testo grande»?
Da 24 pixel in su (circa 18 punti), oppure da 19 pixel in grassetto. I titoli grandi possono avere un contrasto un po’ più basso del testo normale.
Come scelgo un colore che vada bene?
Se il contrasto non basta, compaiono i colori più vicini (stessa tinta, solo più chiari o più scuri) per il testo o per lo sfondo: toccane uno per provarlo.
E per chi non distingue i colori?
Nella sezione in fondo vedi come appaiono testo e sfondo con le tre forme più comuni di daltonismo: se due colori si distinguono solo per la tinta (rosso e verde, per esempio), lì diventano simili.
Strumenti correlati
Ti serve uno strumento che qui non c'è, o un'app per la tua scuola? Scrivimi: valuto i nuovi strumenti e costruisco app su misura.
Scrivimi