Presentazione visiva

Cosa richiede

Per i contenuti testuali di lunga durata, il criterio di successo raggruppa cinque requisiti: gli utenti possono scegliere i colori del primo piano e dello sfondo; la lunghezza della riga non supera gli 80 caratteri (40 per il cinese, il giapponese e il coreano); il testo non è completamente giustificato; l’interlinea è almeno 1,5 all’interno dei paragrafi e la spaziatura tra i paragrafi è almeno 1,5 volte l’altezza della riga; il testo può essere ingrandito al 200% senza scorrimento orizzontale e senza richiedere tecnologie assistive.

Come soddisfarlo

• Limitare le colonne di lettura a circa 60-75 caratteri per riga per il testo principale in italiano.
• Usare il testo allineato a sinistra (o a destra per le lingue con scrittura da destra a sinistra), mai text-align: justify.
• Impostare line-height ad almeno 1,5 sul corpo del testo e usare un margin-bottom generoso tra i paragrafi.
• Offrire un tema personalizzabile dall’utente oppure rispettare prefers-color-scheme, in modo che il primo piano e lo sfondo siano controllabili dall’utente.
• Verificare al 200% di zoom: il testo deve adattarsi alla colonna senza scorrimento orizzontale.

Errori comuni

• Colonne completamente giustificate in stile rivista, che producono fiumi di spazio bianco e rallentano la lettura.
• Testo del corpo reso in contenitori ampi con più di 120 caratteri per riga.
• Testo con line-height: 1.2 che comprime le righe e ostacola la lettura per gli utenti con ipovisione.
• Nessun selettore di tema, nessun rispetto per prefers-color-scheme.

Perché è importante

Il livello AAA, raramente richiesto contrattualmente. Tuttavia il consiglio di base — righe corte, spaziatura generosa, nessuna giustificazione completa — è semplicemente buona tipografia. Soddisfare questo criterio di successo è un effetto collaterale del progettare per la leggibilità piuttosto che per la densità.