UX / UI Impatto alto Facile 15–30 min

Carattere troppo piccolo

Testo di base almeno 16px, quello minuto minimo 12px.

Cos'è

La dimensione del carattere determina la leggibilità. Un testo più piccolo di circa 12px è difficile da leggere su mobile e costringe l'utente a ingrandire o a strizzare gli occhi.

Perché è importante

Un testo poco leggibile aumenta l'affaticamento e la frequenza di abbandono e danneggia l'accessibilità. Nel test di usabilità mobile Google segnala "il testo è troppo piccolo". Una lettura confortevole è alla base di una buona UX.

Come fare

1Imposta il testo di base del sito a 16px (1rem) o più.
2Mantieni il testo minuto (didascalie, note) almeno a 12px.
3Definisci le dimensioni in modo relativo (rem) a partire dalla dimensione di base, non fisse in pixel.
4Testa la leggibilità su un telefono reale, non solo su un monitor grande.

Dimensione di base del carattere

Corretto

body { font-size: 16px; line-height: 1.6; }
.small { font-size: 0.875rem; } /* 14px */

Conclusione

La leggibilità è fondamentale, 16px per il testo comune è lo standard odierno, sotto i 12px non scendere. Lavora con rem a partire dalla dimensione di base, così tutto scala in modo coerente. Una modifica economica con un grande impatto sul comfort di lettura.

Argomenti correlati