PRINCIPI DI ACCESSIBILITÀ
Percepibile
Utilizzabile
Comprensibile
Robusto
Percepibile
Le informazioni e i componenti dell’interfaccia utente devono essere presentati agli utenti in modi in cui essi possano percepirli.
Cosa significa in pratica?
– dimensione del font:
Il font utilizzato deve avere una dimensione di default sufficientemente grande, e gli utenti devono poterla cambiare.
– contrasto:
Il contrasto tra il testo e lo sfondo deve essere sufficiente.
Linee guida: WCAG Web Content Accessibility Guidelines
Dimensioni (per i caratteri latini):
- 14pt = dimensione minima (testo stampato grande)
- 18pt = dimensione standard grande
Per la maggior parte dei caratteri più usati, 14 o 18 punti sono equivalenti a 1.2 e 1.5 em oppure a 120% o 150% delle dimensioni predefinite del carattere per il corpo di pagina (assumendo che il carattere del corpo sia il 100%).
Contrasto:
La rappresentazione visiva del testo e di immagini contenenti testo deve avere un rapporto di contrasto di almeno:
- Livello AA delle WCAG 2.1
- 3:1 per testo grande (spessore normale 18pt o superiore, grassetto 14 pt e superiore)
- 4.5:1 per testo normale (spessore normale 17pt o inferiore, grassetto 13 pt e inferiore)
- Livello AAA delle WCAG 2.1
- 4.5:1 per testo grande (spessore normale 18pt o superiore, grassetto 14 pt e superiore)
- 7:1 per testo normale (spessore normale 17pt o inferiore, grassetto 13 pt e inferiore)
Evitare le combinazioni di colori problematiche:
- rosso e verde;
- verde e marrone;
- verde e blu;
- verde e grigio;
- verde e nero;
- blu e grigio;
- blu e viola;
Strumenti
(Controllo contrasto – percezione alterata dei colori)
- Controllare il contrasto di ogni elemento
https://mauve.isti.cnr.it/color_contrast_checker.jsp
- Oltre a verificare l’accessibilità di un’accoppiata di colori, mostra un’anteprima di come vengono visualizzati i colori in base ai vari tipi di daltonismo.
https://color.adobe.com/it/create/color-contrast-analyzer
- Test per verificare il proprio IQ colore
https://www.xrite.com/it-it/hue-test?pageid=77
Congratulazioni! Hai terminato:
CONSIGLI PRATICI PER TESTI PIÙ LEGGIBILI:
Capitolo 1: Dimensioni, contrasto e colore
