Tipografia

Creare e progettare contenuti accessibili non significa solo scegliere un carattere facile da leggere. Anche con famiglie di caratteri accessibili, le persone ipovedenti, con disabilità intellettive, linguistiche e di apprendimento potrebbero avere difficoltà a elaborare il testo a causa di altri elementi come variazioni del carattere, dimensioni, spaziatura e crenatura, per citarne alcuni.

Questo modulo esamina alcune considerazioni di base sul design per rendere i tuoi contenuti più inclusivi e raggiungere un pubblico ancora più ampio.

Typeface

Un fattore importante che può influire notevolmente sull'accessibilità del testo è il carattere. La scelta del carattere e dello stile può fare la differenza nel design di una pagina.

Usando caratteri tipografici accessibili, le persone con problemi di lettura, apprendimento e attenzione, come la dislessia e il disturbo da deficit di attenzione e iperattività (ADHD), nonché le persone ipovedenti, possono trarre vantaggio dall'utilizzo di caratteri tipografici accessibili.

Scegliere caratteri tipografici comuni Il modo più rapido per creare un design accessibile è scegliere caratteri tipografici comuni (come Arial, Times New Roman, Calibri, Verdana e molti altri).

Molti studi sui caratteri che testano persone con disabilità mostrano che i caratteri comuni consentono di leggere più velocemente e di raggiungere un livello di comprensione più elevato rispetto ai caratteri meno comuni. Sebbene i caratteri comuni non siano intrinsecamente più accessibili di altri, alcune persone con disabilità hanno più facilità a leggerli perché hanno molta esperienza con questi caratteri o con caratteri simili.

Oltre a scegliere un carattere tipografico comune, assicurati di evitare caratteri tipografici elaborati o scritti a mano, nonché quelli con una sola maiuscola disponibile (ad esempio, solo caratteri maiuscoli). Questi caratteri speciali con disegni in corsivo, forme insolite o elementi artistici come linee sottili possono sembrare belli, ma sono molto più difficili da leggere per alcune persone con disabilità rispetto ai caratteri comuni.

Caratteristiche delle lettere e crenatura

La ricerca sull'eventuale superiorità dei caratteri con grazie o senza grazie in termini di facilità di lettura non è conclusiva, ma alcuni numeri, lettere o combinazioni possono confondere le persone con disabilità cognitive e di apprendimento basate sul linguaggio. Per persone con questi tipi di disabilità, ogni lettera e numero devono essere chiaramente definiti e avere caratteristiche uniche, in modo che le lettere non vengano confuse con i numeri.

I problemi di leggibilità più comuni sono la lettera maiuscola "I" (India), la lettera minuscola "l" (lattuga) e il numero "1". Allo stesso modo, coppie di lettere come b/d, p/q, f/t, i/j, m/w e n/u a volte possono essere invertite da sinistra a destra o dall'alto verso il basso per alcuni lettori.

La leggibilità del testo diminuisce anche quando la spaziatura tra le lettere o il kerning sono troppo ridotti. Presta particolare attenzione alla crenatura, in particolare tra la coppia di lettere problematica r/n. Altrimenti, parole come "filato" potrebbero cambiare in "filato" o "severo" in "radice", cambiando completamente il significato del testo.

Le raccolte di caratteri open source, come Google Fonts, possono aiutarti a selezionare il carattere più inclusivo per il tuo prossimo design. Se utilizzi i prodotti Adobe, puoi incorporare direttamente nei tuoi progetti famiglie di caratteri accessibili di fonderie partner, inclusi alcuni Google Fonts.

Quando cerchi il tuo prossimo carattere, presta particolare attenzione ai seguenti aspetti:

• Se possibile, utilizza caratteri comuni.
• Evita di utilizzare caratteri elaborati o scritti a mano libera e caratteri con un solo carattere maiuscolo.
• Scegli un carattere con caratteristiche uniche, prestando particolare attenzione alle lettere I maiuscola, l minuscola e 1.
• Esamina alcune combinazioni di lettere per assicurarti che non siano un'immagine speculare esatta l'una dell'altra.
• Controlla il kerning, in particolare tra la coppia di lettere r e n.

Dimensioni dei caratteri e stile tipografico

Spesso si presume che scegliere una famiglia di caratteri accessibile sia tutto ciò che serve per creare contenuti inclusivi, ma è importante anche considerare le dimensioni dei caratteri e lo stile del testo in una pagina.

Ad esempio, le persone con disabilità visiva o daltonismo potrebbero non essere in grado di leggere alcune parti del testo se sono troppo piccole, utilizzando un'AiA come lo zoom del browser per leggere il testo. Altri utenti, ad esempio quelli con dislessia o disturbi della lettura, potrebbero avere difficoltà a leggere il testo in corsivo. Gli screen reader spesso ignorano i metodi di applicazione degli stili, come il grassetto e i caratteri in corsivo, pertanto lo scopo di questi stili non viene comunicato agli utenti ciechi o con disabilità visive.

h2 {font-size: 16px;}

h2 {font-size: 1rem;}

Poiché non puoi prevedere le esigenze di ogni utente, quando aggiungi i caratteri ai tuoi siti web e alle tue applicazioni web, assicurati di prendere in considerazione le seguenti linee guida:

• Le dimensioni dei caratteri di base devono essere definite con un valore relativo (%, rem o em) per consentire il ridimensionamento.
• Limita il numero di varianti di caratteri, come colore, grassetto, TUTTE MAIUSCOLE e corsivo per aumentare la leggibilità. Utilizza invece metodi per mettere in evidenza le parole nel testo, ad esempio asterischi, trattini o evidenziazione di una singola parola.
• Se possibile, utilizza il markup anziché il testo nelle immagini. Gli screen reader non possono leggere il testo incorporato nelle immagini (senza l'aggiunta di codice aggiuntivo) e il testo incorporato può anche risultare pixelato quando viene ingrandito da utenti ipovedenti.

Struttura e layout

Sebbene il carattere, le dimensioni dei caratteri e lo stile tipografico siano importanti per una tipografia accessibile, la struttura e il layout del testo su una pagina possono essere ugualmente importanti per la comprensione da parte dell'utente.

I layout complessi possono rappresentare una vera e propria barriera per le persone ipovedenti, con disabilità di lettura e per 6, 1 milioni di persone negli Stati Uniti con ADHD. Questi tipi di disabilità rendono più difficile per le persone mantenere il proprio posto e seguire il flusso del testo a causa della mancanza di percorsi lineari chiari, dell'assenza di intestazioni ed elementi non raggruppati.

Un aspetto importante dei layout accessibili è distinguere gli elementi critici tra loro e raggruppare quelli simili. Se gli elementi sono troppo vicini, può essere difficile capire dove inizia e finisce un elemento, soprattutto se hanno uno stile simile.

Pensa alla tua copia come a una raccolta di singoli elenchi puntati in un abbozzo. In questo modo potrai pianificare la struttura generale della pagina e utilizzare titoli, sottotitoli e elenchi, se opportuno.

Spaziatura

Spaziatura tra paragrafi, frasi e parole aiuta i lettori a mantenere l'attenzione sulla copia e contribuisce alla comprensione complessiva della pagina. Le righe lunghe di testo possono rappresentare un ostacolo per i lettori con disabilità, in quanto hanno difficoltà a mantenere il punto di lettura e a seguire il flusso del testo.

Un blocco di testo limitato consente ai lettori di passare più facilmente alla riga successiva.

Allineamento dei contenuti

Un'altra fonte di frustrazione per molte persone con disabilità è la lettura di testo giustificato. La spaziatura non uniforme tra le parole in un testo giustificato può causare la formazione di "fiumi di spazio" nella pagina, rendendo la copia difficile da leggere.

La giustificazione del testo può anche causare l'aggregazione delle parole o il loro allungamento in modo innaturale, per cui i lettori possono avere difficoltà a individuare i confini delle parole.

Fortunatamente, esistono linee guida chiare sulla spaziatura e strumenti come Good Line-Height e il Golden Ratio Calculator per aiutarci a rendere il testo più accessibile. L'adozione di queste linee guida aiuta le persone con disturbi da deficit di attenzione, difficoltà di lettura e visive a concentrarsi maggiormente sul testo e meno sul layout.

Best practice per struttura e layout

Quando prendi in considerazione la struttura e il layout, assicurati di:

• Utilizza elementi come intestazioni, sottotitoli, elenchi, numeri, blocchi di virgolette e altri raggruppamenti visivi per suddividere la pagina in sezioni.
• Utilizza paragrafi, frasi e spaziatura tra le parole ben definiti.
• Crea colonne di testo larghe meno di 80 caratteri (40 caratteri per i logogrammi).
• Evita l'allineamento giustificato dei paragrafi, che crea "larghi spazi" all'interno della copia.

Approfondimenti sulla tipografia accessibile

La tipografia accessibile può essere ridotta a scelte di design di buon senso basate sulla conoscenza delle esigenze degli utenti. Tenere presente questo modulo durante la progettazione e la creazione dei contenuti ti aiuterà molto a comunicare chiaramente con il maggior numero di persone.

Verificare di aver compreso

Verifica le tue conoscenze sulla misurazione dell'accessibilità