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 crenatura, per citarne alcuni.
Questo modulo esamina le considerazioni di base sulla progettazione per rendere i tuoi contenuti più inclusivi e raggiungere ancora più persone.
Typeface
Un fattore importante che può influire notevolmente sull'accessibilità della copia è il typeface. La scelta del typeface e dello stile può fare la differenza nella progettazione di qualsiasi 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 typeface accessibili.
Scegliere typeface comuni
Il modo più rapido per creare un design accessibile è scegliere un typeface comune (come Arial, Times New Roman, Calibri, Verdana e molti altri).
Molti studi sui typeface che hanno coinvolto persone con disabilità dimostrano che i typeface comuni portano a velocità di lettura più elevate e a un livello di comprensione più approfondito rispetto ai typeface non comuni. Sebbene i typeface comuni non siano intrinsecamente più accessibili di altri typeface, alcune persone con disabilità li trovano più facili da leggere perché hanno molta esperienza nell'utilizzo (o nell'aggiramento) di questi typeface.
Oltre a scegliere un carattere tipografico comune, assicurati di evitare caratteri tipografici decorativi o scritti a mano, nonché quelli con un solo caso di carattere disponibile (ad esempio, solo caratteri maiuscoli). Questi caratteri tipografici speciali con design corsivi, forme stravaganti o caratteristiche artistiche come linee sottili possono essere belli, ma sono molto più difficili da leggere per alcune persone con disabilità rispetto ai caratteri tipografici comuni.
Caratteristiche delle lettere e crenatura
La ricerca sul fatto che i typeface con grazie o senza grazie siano più facili da leggere non è conclusiva, ma alcuni numeri, lettere o combinazioni possono confondere le persone con disabilità cognitive e di apprendimento basate sulla lingua. Per le persone con questi tipi di disabilità, ogni lettera e numero deve essere chiaramente definito e avere caratteristiche uniche, in modo che le lettere non vengano confuse con i numeri.
I trasgressori comuni della leggibilità sono la I maiuscola (India), la l
minuscola (lattuga) e il numero 1. Allo stesso modo, coppie di lettere come b e d, p e
q, f e t, i e j, m e w e n e u possono apparire capovolte,
da sinistra a destra o dall'alto verso il basso, per alcuni lettori.
La leggibilità della copia diminuisce anche quando la spaziatura tra le lettere o la crenatura è troppo stretta. Presta particolare attenzione alla crenatura, soprattutto tra la coppia di lettere problematica r/n. In caso contrario, parole come "yarn" potrebbero diventare "yam" o "stern" diventare "stem", modificando completamente il significato della copia.
Le raccolte di typeface open source come Google Fonts possono aiutarti a selezionare il typeface più inclusivo per il tuo prossimo design. Se utilizzi i prodotti Adobe, puoi incorporare le famiglie di caratteri accessibili dei partner di fonderia direttamente nei tuoi design, inclusi alcuni Google Fonts.
Quando cerchi il tuo prossimo typeface, presta particolare attenzione a quanto segue:
- Utilizza i caratteri comuni quando possibile.
- Evita di utilizzare caratteri elaborati o scritti a mano e quelli con un solo caso di carattere.
- Scegli un typeface con caratteristiche uniche, prestando particolare attenzione alla I maiuscola, alla l minuscola e all'1.
- Esamina alcune combinazioni di lettere per assicurarti che non siano l'immagine speculare esatta l'una dell'altra.
- Controlla la crenatura, soprattutto tra la coppia di lettere r e n.
Dimensioni carattere e stile tipografico
Spesso si presume che la scelta di una famiglia di caratteri accessibile sia tutto ciò che serve per creare contenuti inclusivi, ma è anche importante considerare le dimensioni del carattere e lo stile del testo in una pagina.
Ad esempio, le persone ipovedenti o con daltonismo potrebbero non essere in grado di leggere parte della copia se è troppo piccola, utilizzando una tecnologia assistiva, come lo zoom del browser, per leggere la copia. Altri utenti, come quelli con dislessia o disturbi della lettura, potrebbero avere difficoltà a leggere il testo in corsivo. Gli screen reader spesso ignorano i metodi di stile, come il grassetto e il corsivo, quindi l'intento di questi stili non viene comunicato agli utenti ciechi o ipovedenti.
h2 {font-size: 16px;}h2 {font-size: 1rem;}Poiché non puoi prevedere le esigenze di ogni utente, quando aggiungi caratteri ai tuoi siti web e alle tue applicazioni web, assicurati di considerare 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 variazioni di typeface come colore, grassetto, TUTTO MAIUSCOLO e corsivo per aumentare la leggibilità. Utilizza invece metodi per enfatizzare le parole nella copia, come asterischi, trattini o evidenziare una singola parola.
- Utilizza il markup anziché il testo sulle immagini quando possibile. Gli screen reader non possono leggere il testo incorporato nelle immagini (senza l'aggiunta di codice aggiuntivo) e il testo incorporato può anche diventare pixelato quando viene ingrandito dagli utenti ipovedenti.
Struttura e layout
Sebbene il typeface, le dimensioni del carattere e lo stile tipografico siano importanti per la tipografia accessibile , la struttura e il layout della copia in una pagina possono essere altrettanto importanti per la comprensione dell'utente.
I layout complessi possono essere un vero 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 la posizione e seguire il flusso della copia a causa della mancanza di percorsi lineari chiari, delle intestazioni mancanti e degli elementi non raggruppati.
Un aspetto importante dei design di layout accessibili è rendere gli elementi critici distinti l'uno dall'altro e raggruppare gli elementi simili. Se gli elementi sono troppo vicini, può essere difficile distinguere l'inizio e la fine di un elemento, soprattutto se hanno uno stile simile.
Considera la copia come una raccolta di singoli punti elenco in una struttura. In questo modo potrai pianificare la struttura complessiva della pagina e utilizzare intestazioni, sottotitoli ed elenchi quando appropriato.
Spaziatura
La spaziatura tra paragrafi, frasi e parole aiuta i lettori a mantenere la concentrazione sulla copia e contribuisce alla comprensione visiva complessiva della pagina. Le righe lunghe di copia possono essere un ostacolo per i lettori con disabilità, in quanto hanno difficoltà a mantenere la posizione e a seguire il flusso della copia.
Un blocco di copia stretto consente ai lettori di continuare più facilmente alla riga successiva.
Allineamento dei contenuti
Un'altra frustrazione per molte persone con disabilità è la lettura di copie giustificate. La spaziatura irregolare tra le parole nella copia giustificata può causare la formazione di "fiumi di spazio" nella pagina, rendendo difficile la lettura della copia.
La giustificazione del testo può anche far sì che le parole vengano raggruppate o allungate in modi innaturali, quindi i lettori potrebbero avere difficoltà a individuare i limiti delle parole.
Fortunatamente, esistono linee guida chiare sulla spaziatura e strumenti come Good Line-Height e il calcolatore del rapporto aureo per rendere la nostra copia più accessibile. L'incorporamento di queste linee guida aiuta le persone con disturbi da deficit di attenzione, disabilità di lettura e visive a concentrarsi maggiormente sulla copia e meno sul layout.
Best practice per la struttura e il layout
Quando prendi in considerazione la struttura e il layout, assicurati di:
- Utilizzare elementi come intestazioni, sottotitoli, elenchi, numeri, blocchi di citazioni e altri raggruppamenti visivi per suddividere la pagina in sezioni.
- Utilizzare paragrafi, frasi e spaziatura tra le parole chiaramente definiti.
- Creare colonne di copia con una larghezza inferiore a 80 caratteri (40 caratteri per i logogrammi).
- Evitare l'allineamento giustificato dei paragrafi, che crea "fiumi di spazio" all'interno della copia.
Punti chiave della tipografia accessibile
La tipografia accessibile può essere ridotta a scelte di progettazione di buon senso basate sulla tua conoscenza delle esigenze degli utenti. Tenere presente questo modulo durante la progettazione e la creazione dei contenuti ti aiuterà a comunicare chiaramente con il maggior numero di persone.