cap 1: Testi più leggibili – Dimensioni, contrasto e colore

PRINCIPI DI ACCESSIBILITÀ


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:

My Agile Privacy
Questo sito utilizza cookie tecnici e di profilazione. Cliccando su accetta si autorizzano tutti i cookie di profilazione. Cliccando su rifiuta o la X si rifiutano tutti i cookie di profilazione. Cliccando su personalizza è possibile selezionare quali cookie di profilazione attivare.
Attenzione: alcune funzionalità di questa pagina potrebbero essere bloccate a seguito delle tue scelte privacy