Tipografia

Creare e progettare contenuti accessibili non significa solo scegliere un carattere facile da leggere. Anche con famiglie di caratteri accessibili, le persone con disabilità visive, cognitive, linguistiche e di apprendimento potrebbero avere difficoltà a elaborare il testo a causa di altri elementi, come variazioni di carattere, dimensioni, spaziatura e spaziatura tra i caratteri, 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.

Le persone con disturbi della lettura, dell'apprendimento e dell'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 accessibili.

Scegli caratteri tipografici comuni Il modo più rapido per creare un design accessibile è scegliere un carattere tipografico comune (ad esempio Arial, Times New Roman, Calibri, Verdana e molti altri).

Molti studi sui caratteri che testano le 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 spaziatura tra i caratteri

La ricerca sull'eventuale superiorità dei caratteri con grazie o senza grazie in termini di leggibilità non è conclusiva, ma alcuni numeri, lettere o combinazioni possono confondere le persone con disabilità cognitive e di apprendimento basate sul linguaggio. Per le persone con questi tipi di disabilità, ogni lettera e numero deve essere ben definito 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 al kerning, in particolare tra la coppia di lettere problematica r/n. In caso contrario, parole come "filo" potrebbero diventare "patata" o "poppa" e cambiare completamente il significato del testo.

Collezioni 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 e quelli con una sola maiuscola.
  • 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.

Cosa non fare
h2 {font-size: 16px;}
Cosa fare
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 l'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 codice aggiuntivo) e il testo incorporato può anche diventare pixelato quando viene ingrandito dagli 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 un vero e proprio ostacolo per le persone ipovedenti, con disabilità di lettura e per i 6, 1 milioni di persone negli Stati Uniti con ADHD. Questi tipi di disabilità rendono più difficile per le persone mantenere il loro posto e seguire il flusso del testo a causa della mancanza di percorsi lineari chiari, intestazioni mancanti 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 stretto 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 citazioni 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à

Per un testo leggibile, devo sempre usare un contrasto elevato tra il testo e lo sfondo.

Falso.
Vero

Quali sono i caratteri migliori per l'accessibilità?

Caratteri accessibili.
Caratteri di sistema come Arial e Verdana.
Non fa differenza.