Tipografia

Creare e progettare contenuti accessibili non significa solo scegliere una carattere facile da leggere. Anche con famiglie di caratteri accessibili, persone ipovedenti, disabilità intellettive, linguistiche e dell'apprendimento possono avere difficoltà a elaborare il testo grazie ad altri elementi come le variazioni di carattere, le dimensioni, la spaziatura e la crenatura, per nominatene alcuni. In questo modulo vedremo le considerazioni di base sulla progettazione i tuoi contenuti in modo più inclusivo e raggiungere ancora più persone.

Typeface

Un fattore importante che può influire notevolmente sull'accessibilità dei testi è il carattere tipografico. La tua scelta di tipo di carattere e stile può decidere le sorti di qualsiasi design di pagina.

Usando caratteri tipografici accessibili, 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'uso di caratteri tipografici accessibili.

Scegliere 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 tipografici che testano le persone con disabilità hanno dimostrato che i caratteri tipografici comuni portano a velocità di lettura più elevate e a un livello di comprensione più profondo rispetto a caratteri tipografici insoliti. Anche se questi caratteri tipografici comuni non sono intrinsecamente più accessibili di altri caratteri tipografici, alcune persone con disabilità hanno difficoltà a leggerli perché hanno molta esperienza nel lavorare con questi caratteri tipografici (o intorno a questi).

Oltre a scegliere un tipo di carattere comune, accertati di evitare caratteri tipografici ricercati o scritti a mano libera, nonché quelli per cui è disponibile un solo carattere maiuscolo (ad esempio, solo caratteri maiuscoli). Questi caratteri tipografici speciali con design corsivi, forme bizzarri o caratteristiche artistiche come linee sottili possono sembrare molto accattivanti, 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 caratteri Serif o Sans Serif siano più facili da read è inconcludente, ma alcuni numeri, lettere o combinazioni possono confondere persone con disabilità cognitive e di apprendimento basato sul linguaggio. Per persone con questi tipi di disabilità, ogni lettera e numero deve essere chiaramente definite e presentano caratteristiche uniche, in modo che le lettere non vengano confuse con dei numeri.

Gli autori di violazioni più comuni sono la "I" maiuscola (India), "l" minuscola (lattuga) e il numero "1". Analogamente, coppie di lettere come b/d, p/q, f/t, i/j, Per alcuni lettori, m/w e n/u a volte possono capovolgere il dito da sinistra a destra o dall'alto verso il basso.

La leggibilità del testo diminuisce anche quando c'è troppo spazio tra le lettere o la crenatura. in modo forzato. Presta particolare attenzione alla crenatura, in particolare tra le parti problematiche coppia di lettere r/n. In caso contrario, parole come "filato" potrebbe diventare "yam" o "stern" a "radice", cambiando completamente il significato del testo.

Le raccolte di caratteri open source, come Google Fonts, possono ti aiutano a selezionare il carattere più inclusivo per il tuo prossimo progetto. Se utilizzi prodotti Adobe, puoi incorporare famiglie di caratteri accessibili da fonderia direttamente i partner nei tuoi progetti, tra cui scegliere Google Fonts.

Quando cerchi il prossimo carattere tipografico, presta particolare attenzione a quanto segue:

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

Dimensione del 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 daltoniche potrebbero non essere in grado di leggere parte del testo se è troppo piccolo e possono leggere il testo utilizzando uno zoom AT, come quello del browser. Mentre altri utenti, come quelli con dislessia o disturbi della lettura, potrebbero avere difficoltà a leggere il testo in corsivo. Gli screen reader ignorano spesso i metodi di creazione degli stili, come grassetto e corsivo, quindi l'intento di questi stili non viene mostrato a utenti ciechi o ipovedenti.

h2 {font-size: 16px;}

h2 {font-size: 1rem;}

Dal momento che non puoi prevedere 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 consentono un facile ridimensionamento.
• Limita il numero di varianti di caratteri tipografici, ad esempio colore, grassetto, TUTTO MAIUSCOLO e corsivo per migliorare la leggibilità. Usa invece i metodi per enfatizzare le parole in copia, ad esempio asterischi, trattini o evidenziare una singola parola.
• Se possibile, usa il markup al posto del testo nelle immagini. Gli screen reader non possono lettura del testo incorporato nelle immagini (senza l'aggiunta di codice aggiuntivo) e del testo incorporato possono inoltre risultare pixelate se ingrandite da utenti ipovedenti.

Struttura e layout

Anche se il tipo di carattere, le dimensioni del carattere e gli stili tipografici sono importanti per una maggiore tipografia, struttura e un layout del testo su una una pagina può essere altrettanto importante per la comprensione dell'utente.

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

Un aspetto importante della progettazione di layout accessibili è la creazione di elementi critici distinti l'uno dall'altro e raggruppando elementi simili. Se gli elementi sono troppo vicini, può essere difficile capire dove inizia un elemento e termina, soprattutto se hanno uno stile simile.

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 quando opportuno.

Spaziatura

Anche la spaziatura di paragrafi, frasi e parole è importante, in quanto aiuta i lettori a concentrarsi sul testo e aumenta la comprensione visiva generale della pagina. Le lunghe righe del testo possono essere un ostacolo per i lettori con disabilità, in quanto hanno difficoltà a mantenere il proprio posto e a seguire il flusso del testo. Un piccolo blocco di testo consente ai lettori di passare più facilmente alla riga successiva.

Allineamento dei contenuti

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

La giustificazione del testo può anche far sì che le parole vengano raggruppate allungato in modo non naturale, per cui i lettori possono avere difficoltà a individuare confini.

Per fortuna, esistono linee guida chiare sulla spaziatura e su strumenti come Altezza riga buona e Calcolatrice rapporto aureo per rendere il nostro testo più accessibile. L'integrazione di queste linee guida aiuta le persone con disturbi da deficit di attenzione, capacità di lettura e disabilità visive a concentrarsi di più sul testo e meno sul layout.

Best practice per struttura e layout

Quando valuti struttura e 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 tra le parole ben definiti.
• Crea colonne di testo che non superino gli 80 caratteri di larghezza (40 per i logogrammi).
• Evita l'allineamento giustificato del paragrafo, perché crea "fiumi di spazio" entro la copia.

Concetti tipografici accessibili

La tipografia accessibile può essere condensata a scelte di progettazione basate sul buon senso sulla conoscenza dei tuoi utenti e alle esigenze aziendali. Tieni presente questo modulo progettare e realizzare i tuoi contenuti ti sarà molto utile comunicare chiaramente con il maggior numero di persone.

Verifica le tue conoscenze

Verifica le tue conoscenze sulla misurazione dell'accessibilità