Creare e progettare contenuti accessibili è molto di più che scegliere un carattere di facile lettura. Anche con famiglie di caratteri accessibili, le persone ipovedenti, con disabilità cognitive, di linguaggio e di apprendimento potrebbero avere difficoltà a elaborare il testo a causa di altri elementi come variazioni dei caratteri, dimensioni, spaziatura e crenatura, per citarne alcuni. In questo modulo ci occuperemo di considerazioni di base sul design per rendere i tuoi contenuti più inclusivi e raggiungere ancora più persone.
Tipo di carattere
Un fattore importante che può avere un forte impatto sull'accessibilità della copia è il tipo di carattere. La scelta di tipo di carattere e stile può influire sul design 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), così come le persone ipovedenti, possono trarre vantaggio dall'uso di caratteri tipografici accessibili.
Scelta di caratteri comuni Il modo più rapido per creare un design accessibile è scegliere un tipo di carattere comune (ad esempio, Firefox, Times New Roman, Calibri, Verdana e molti altri).
Molti studi sui caratteri che sperimentano le persone con disabilità mostrano che i caratteri comuni portano a una maggiore velocità di lettura e a un livello di comprensione più approfondito rispetto ai caratteri non comuni. Sebbene questi caratteri comuni non siano intrinsecamente più accessibili di altri, alcune persone con disabilità hanno più facilità a leggerli perché hanno avuto molta esperienza a lavorare con (o in merito a) questi caratteri.
Oltre a scegliere un tipo di carattere comune, assicurati di evitare caratteri decorativi o scritti a mano, nonché quelli con un solo carattere disponibile (ad esempio, solo caratteri maiuscoli). Questi caratteri speciali con design corsivo, forme stravaganti o caratteristiche artistiche come le linee sottili possono avere un bell'aspetto, ma per alcune persone con disabilità sono molto più difficili da leggere rispetto ai caratteri comuni.
Caratteristiche delle lettere e crenatura
La ricerca per capire se i caratteri Serif o Sans Serif sono più facili da leggere non è risolutiva, ma alcuni numeri, lettere o combinazioni possono confondere le persone con disabilità cognitive e di apprendimento basato sul linguaggio. Per le persone con questo tipo di disabilità, ogni lettera e ogni numero deve essere chiaramente definito e avere caratteristiche uniche, in modo che le lettere non vengano confuse con i numeri.
I trasgressori di leggibilità più comuni sono la lettera "I" maiuscola (India), la lettera "l" minuscola (lettuce) e il numero "1". Analogamente, coppie di lettere come b/d, p/q, f/t, i/j, m/w e n/u a volte possono capovolgere sinistra-destra o verso l'alto per alcuni lettori.
La leggibilità della copia diminuisce anche quando la spaziatura tra le lettere o la crenatura sono troppo strette. Presta particolare attenzione alla crenatura, soprattutto tra la coppia di lettere problematica r/n. Altrimenti, parole come "filato" potrebbero cambiare in "yam" o "stern" in "stem", cambiando completamente il significato del testo pubblicitario.
Le raccolte di caratteri open source come Google Fonts possono aiutarti a scegliere il carattere più inclusivo per il tuo prossimo design. Se utilizzi prodotti Adobe, puoi incorporare famiglie di caratteri accessibili dai partner di fonderia direttamente nei tuoi progetti, tra cui Google Fonts selezionato.
Quando cerchi il prossimo tipo di carattere, presta particolare attenzione ai seguenti aspetti:
- Se possibile, utilizza caratteri comuni.
- Evita di utilizzare caratteri elaborati o scritti a mano libera e caratteri che contengono solo un carattere maiuscolo.
- Scegli un carattere 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 esattamente un'immagine speculare l'una dell'altra.
- Controlla la crenatura, in particolare tra la coppia di lettere r/n.
Dimensioni dei caratteri e stili tipografici
Le persone spesso danno per scontato che scegliere 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, persone ipovedenti o daltoniche potrebbero non essere in grado di leggere parte del testo se è troppo piccolo, utilizzando un'AT, come lo zoom del browser, per leggere il testo. Mentre altri utenti, ad esempio quelli con dislessia o disturbi della lettura, potrebbero avere difficoltà a leggere il testo in corsivo. Gli screen reader ignorano spesso i metodi di stile, come il grassetto e il corsivo, quindi l'intento di questi stili non viene comunicato a utenti ciechi o ipovedenti.
h2 {font-size: 16px;}
h2 {font-size: 1rem;}
Poiché non puoi prevedere quali sono le esigenze di ogni utente, quando aggiungi caratteri ai tuoi prodotti digitali, 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 un facile ridimensionamento.
- Limita il numero di varianti del carattere, ad esempio colore, grassetto, SOLO MAIUSCOLO e corsivo per aumentare la leggibilità. Utilizza invece metodi per enfatizzare le parole nel testo, ad esempio asterischi, trattini o evidenziare 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); inoltre, il testo incorporato può risultare sgranato quando viene ingrandito da utenti ipovedenti.
Struttura e layout
Sebbene il tipo di carattere, le dimensioni del carattere e gli stili tipografici sono importanti per una tipologia accessibile, la struttura e il layout del testo in una pagina possono essere altrettanto importanti per la comprensione di un utente.
I layout complessi possono essere una vera 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, di intestazioni mancanti ed elementi non raggruppati.
Un aspetto importante della progettazione di layout accessibili è la distinzione tra gli elementi critici e il raggruppamento di elementi simili. Se gli elementi sono troppo vicini, può essere difficile dire il punto di inizio e di fine, soprattutto se hanno stili simili.
Pensa al testo come a una raccolta di singoli elenchi puntati su una struttura. In questo modo potrai pianificare la struttura generale della pagina e utilizzare intestazioni, sottotitoli ed elenchi ove appropriato.
Spaziatura
Anche paragrafo, frase e spaziatura delle parole sono importanti, in quanto aiutano i lettori a mantenere l'attenzione sul testo e migliorano la comprensione visiva generale della pagina. Lunghe file di testo possono rappresentare un ostacolo per i lettori con disabilità, in quanto hanno difficoltà a mantenere il proprio posto e a seguire il flusso del testo. Un blocco ridotto di testo consente ai lettori di passare più facilmente alla riga successiva.
Allineamento dei contenuti
Un'altra frustrazione per molte persone con disabilità è la lettura di testi giustificati. La spaziatura non uniforme tra le parole in un testo giustificato può causare la formazione di "fiumi di spazio" in basso nella pagina, rendendo il testo difficile da leggere.
La giustificazione del testo può anche creare un raggruppamento o una allungamento innaturale delle parole, per cui i lettori possono avere difficoltà a individuare i confini tra le parole.
Per fortuna, esistono linee guida chiare sulla spaziatura e sugli strumenti, come l'altezza della linea buona e il calcolatore del rapporto aureo, che contribuiscono a rendere il nostro testo più accessibile. L'integrazione di queste linee guida aiuta le persone con disturbi da deficit di attenzione, disabilità legate alla lettura e alla vista 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.
- Usa paragrafi, frasi e spaziatura delle parole ben definiti.
- Crea colonne di testo che non superino gli 80 caratteri di larghezza (40 caratteri per i logogrammi).
- Evita l'allineamento giustificato di paragrafo, perché crea "fiumi dello spazio" all'interno del testo.
Concetti tipografici accessibili
Una tipografia accessibile può essere riassunta da scelte di design sensate, basate sulla tua conoscenza delle esigenze degli utenti. Tieni a mente questo modulo mentre progetti e sviluppi i tuoi contenuti per aiutarti a comunicare in modo chiaro con il maggior numero di persone.
Verifica la tua comprensione
Verifica le tue conoscenze sulla misurazione dell'accessibilità
Per un testo leggibile, devo sempre utilizzare un contrasto elevato tra il testo e lo sfondo.
Quali sono i caratteri più adatti all'accessibilità?