Per chi progetta contenuti scritti sul web è fondamentale che siano leggibili da chiunque, altrimenti il lavoro sarebbe completamente inutile. Tuttavia spesso ci si dimentica che non tutti riescono a farlo agilmente, stiamo parlando per esempio delle persone dislessiche.
La dislessia è un disturbo specifico dell’apprendimento (DSA) che può rendere la lettura più lenta, faticosa e meno fluida, con difficoltà nella comprensione del testo scritto e della scrittura. Uno dei modi più tipici in cui la dislessia si manifesta è la sensazione che le lettere si muovano, si confondano, si scambino l’una con l’altra, rendendo perciò molto più difficile seguire il segno e la lettura continua.
Quando si creano contenuti scritti, ciò significa che bisogna prestare molta attenzione anche alla forma perché non è solamente un dettaglio estetico, ma è parte concreta dell’esperienza di lettura. Un testo ben scritto, con font leggibili e ben impaginato può fare la differenza: vediamo come farlo.
Indice
- Scegliere un font leggibile
- Usare spaziature corrette
- Allineare a bandiera
- Usare maiuscole e abbreviazioni con moderazione
- L’importanza del contrasto e dei colori
- Impara a progettare in modo accessibile e accattivante con Digital School
Scegliere un font leggibile
Anche se esteticamente accattivanti, è meglio evitare font decorativi, condensati, con contrasti irregolari tra i tratti perché rallentano la lettura e ostacolano la comprensione immediata. Il primo passo dunque per rendere un contenuto accessibile e ad alta leggibilità è scegliere un carattere appropriato che dev’essere semplice, pulito e senza grazie (anche note come serif), cioè quelle allungature che decorano il piede o la testa di un carattere.
Font come Arial, Helvetica. Montserrat, Trebuchet, Verdana e anche il tanto odiato Comic Sans sono i più gettonati perché mantengono forme chiare, riducendo il rischio di affollamento visivo. Oggi esistono anche font sviluppati specificatamente per persone dislessiche come il dyslexie font di Christian Boer, graphic designer lui stesso dislessico.
Oltre alla scelta del carattere, anche la dimensione del testo gioca un ruolo fondamentale. Per il corpo del testo si consiglia una dimensione minima di 12-14px (o equivalenti in rem/pt), mentre per titoli e sottotitoli è opportuno garantire una gerarchia visiva chiara con dimensioni proporzionalmente maggiori. Un testo troppo piccolo affatica la lettura di chiunque, ma per una persona dislessica può diventare un vero ostacolo.
Usare spaziature corrette
La spaziatura tra righe e paragrafi è un altro elemento fondamentale della progettazione inclusiva perché riduce il rischio di perdere il segno. Perciò si usano interlinee ampie, con un buon margine tra i blocchi di testo e una lunghezza riga equilibrata per rendere la pagina più ordinata e meno affaticante (aspetto che, comunque, è apprezzato anche da chi non ha una dislessia).
Anche la densità del contenuto conta: frasi troppo lunghe, paragrafi ultra compatti ostacolano una lettura fluida. Al contrario, una struttura ariosa, con blocchi brevi e separati, migliora l’usabilità e favorisce una fruizione più serena per tutti.
Allineare a bandiera
Per rendere un contenuto accessibile viene usato l’allineamento a bandiera (cioè a sinistra) perché crea una traccia chiaramente visibile, stabile e prevedibile. La giustificazione viene solitamente evitata perché può generare spazi irregolare tra le parole, rompendo così il ritmo della lettura.
Sempre per evitare di interrompere il ritmo, è bene evitare la sillabazione automatica e l’andare a capo forzato in punti poco naturali.
Usare maiuscole e abbreviazioni con moderazione
In un contenuto scritto, le maiuscole devono essere usate con parsimonia. Il maiuscolo può essere usato se si tratta per esempio di una call-to-action, di una sigla, di un titolo o se vuole passare come testo “urlato”, ma un uso eccessivo rende difficoltosa la lettura perché uniforma il testo e quindi lo rende meno riconoscibile a colpo d’occhio.
Per questo conviene riservare il maiuscolo a piccoli elementi brevi e gerarchicamente importanti, per il resto si lascia il corpo del testo in una forma più naturale.
L’importanza del contrasto e dei colori
Il contrasto tra il testo e lo sfondo (cioè la differenza visiva tra gli elementi e lo sfondo) è fondamentale per una buona leggibilità non solo per i dislessici, ma anche per chi è daltonico. Per ottenere un rapporto di contrasto tra il testo e lo sfondo si possono seguire le linee guida dellaWeb Content Accessibility Guide (WCAG). In particolare, i requisiti WCAG indicano che per i testi normali il rapporto minimo deve essere 4,5:1 e per testi grandi minimo 3:1.
Anche i colori vanno presi in considerazione nelle progettazioni accessibili perché possono sì veicolare i messaggi, ma alle persone ipovedenti o daltoniche non bastano. Per questo è importante combinare i colori ad altri indicatori visivi come simboli, testi o forme, oppure si possono usare palette cromatiche accessibili. Se volete testare un design, online esistono strumenti che simulano il daltonismo.
Impara a progettare in modo accessibile e accattivante con Digital School
Creare contenuti accessibili e accattivanti richiede competenze di progettazione, sensibilità visiva e attenzione all’esperienza utente. Per questo il percorso Digital Graphic Designer di Digital School rappresenta un’occasione concreta per approfondire impaginazione, tipografia, comunicazione visiva e progettazione inclusiva in modo professionale.
Il corso online permette di acquisire le conoscenze e le competenze tecniche ed artistiche per diventare un graphic designer esperto di comunicazione visiva in grado di padroneggiare i software e le piattaforme maggiormente usati, AI comprese.
Durante il corso svilupperai le competenze necessarie per progettare prodotti visivi come siti web, app, grafiche per social media, pubblicità, loghi, infografiche, brochure e tanto altro. Padroneggerai software di editing video e grafico come Photoshop, Illustrator e InDesign, acquisirai competenze nell’ambito della User Experience (UX) e User Interface (UI), nonché la programmazione di siti web con WordPress.
Cosa aspetti? Compila il form, scrivici a digitalschool@uniecampus.it, oppure chiamaci al +39 02 2556 1160! Seguici su Facebook, Instagram e LinkedIn per rimanere sempre aggiornato sull’offerta formativa e su tutti gli eventi!
