Linee guida per l'accessibilità delle e-mail o rendi le tue e-mail di facile utilizzo per tutti

L'accessibilità e-mail rende le tue e-mail di facile utilizzo per tutti, comprese le persone con disabilità in quanto consente loro di percepire le tue e-mail e interagire con esse facilmente.

Ci sono alcune modifiche al design e alla copia che puoi fare per rendere le tue e-mail più accessibili. In questo articolo, spiegheremo come l'utilizzo dell'accessibilità avrà un impatto sulle tue campagne e-mail, perché è importante e come metterlo in pratica.

Perché l'accessibilità è importante

Allora perché dovresti preoccuparti dell'accessibilità e quali vantaggi può portare a te e alla tua attività? Diamo un'occhiata ad alcuni fatti:

1. In generale, il 15% della popolazione mondiale, ovvero 1 miliardo di persone, ha una sorta di disabilità. Secondo l'Organizzazione Mondiale della Sanità, circa 1,3 miliardi di persone in tutto il mondo vivono con una qualche forma di disabilità visiva: 36 milioni di persone non possono vedere affatto e 217 milioni hanno una disabilità visiva da moderata a grave. Come puoi vedere, un numero molto elevato di persone potrebbe avere problemi con diverse cose quotidiane, inclusa l'interazione con i dispositivi e la lettura delle e-mail.
2. A parte questo, il mercato della disabilità rappresenta 1,2 trilioni di dollari di reddito disponibile annuo.
3. Secondo una recente ricerca di Cone Communications, il 78% degli americani desidera che le aziende si occupino di questioni sociali e l'87% acquisterebbe un prodotto da un'azienda che sostiene il problema a cui tiene personalmente.

Quindi, utilizzando l'accessibilità alla posta elettronica, non solo allarghi il tuo pubblico e apri nuove opportunità per maggiori profitti, ma mostri anche il tuo rispetto e cura per ognuno e tutti, il che aumenta la tua credibilità agli occhi degli utenti socialmente responsabili e delle persone con disabilità.

Come creare un'e-mail accessibile

In questa sezione, daremo un'occhiata a sette elementi che possono aiutarti a rendere le tue email più accessibili a tutti:

• struttura;
• codice;
• testo alternativo;
• collegamenti e pulsanti;
• caratteri;
• colori;
• zoom avanti e indietro.

Oltre a questi elementi, ti consigliamo di consultare le linee guida sull'accessibilità dell'elenco dei criteri del World Wide Web Consortium, che ti aiuteranno a garantire che i tuoi contenuti web siano accessibili alle persone con disabilità.

Struttura

Innanzitutto, assicurati di posizionare il contenuto della tua e-mail in un ordine logico poiché i lettori dello schermo lo comprendono da sinistra a destra e dall'alto verso il basso. Leggi le tue e-mail ad alta voce per vedere se è facile capire la copia stessa senza guardare le immagini.

Ad esempio, Collaborative Fund mantiene una buona struttura logica nelle proprie email, quindi è molto facile seguirle con gli occhi e con uno screen reader.

Per le persone con dislessia e disabilità cognitive, può essere difficile comprendere grandi parti di testo complesse. Ecco perché ti consigliamo di andare dritto al punto nella tua copia, rendendo le frasi più brevi ed evitando parole lunghe o gergali. Organizza un pensiero all'interno di una singola frase e un argomento all'interno di un singolo paragrafo.

Per testare la leggibilità del tuo testo, usa servizi come Readable. Puoi incollare il testo lì e lo strumento evidenzierà automaticamente frasi lunghe o parole complesse e suggerirà alternative e sinonimi più semplici. Dai un'occhiata a Readable in azione:

Codice

Quindi, dai un'occhiata al tuo codice. Dovrebbero esserci elementi di intestazione come h1 , h2 e tag di paragrafo p e così via. Ciò consentirà agli screen reader di navigare attraverso la tua email. Un tag HTML di lingua lang=”” consentirà a qualsiasi tecnologia di assistenza di capire quale profilo di lingua utilizzare per il contenuto. Vai a un elenco di tutti i tag di lingua HTML per trovare il codice della lingua di cui hai bisogno.

Per pulire il codice e assicurarti di non avere tag non chiusi e altri problemi, puoi utilizzare diversi strumenti di test della posta elettronica.

Ad esempio, per evitare problemi con la visualizzazione corretta dei tuoi contenuti in formato visivo o audio, puoi provare Dirty Markup. Basta incollare il codice e fare clic su "Pulisci".

Testo alternativo

Includi sempre un testo alternativo dettagliato, o un testo alternativo, per le immagini: dovresti comunicare lo scopo o il significato dell'immagine in modo che gli abbonati che utilizzano la tecnologia assistiva o che le immagini siano disattivate capiranno il contesto generale.

Nell'esempio di Messy Nessy Chic, puoi vedere che ogni immagine ha un testo alternativo, inclusi i pulsanti dei social media nel piè di pagina dell'email.

Se la tua e-mail contiene immagini decorative, quelle utilizzate per il design visivo e non assegnando un significato specifico, dovresti aggiungere un attributo vuoto alt=”” . In questo modo gli screen reader salteranno l'immagine.

Link e pulsanti

Quando si tratta della copia, evita testi come "Fai clic qui" e inserisci un collegamento ipertestuale nel contesto di una frase. Ciò renderà più facile per gli utenti capire dove il collegamento li reindirizzerà. E ricorda, i tuoi link dovrebbero essere distinguibili dal testo circostante.

Dai un'occhiata all'esempio di InsightTimer; usano un testo di collegamento ipertestuale pulito, che sarebbe facile da capire anche per coloro che non possono leggere l'e-mail da soli.

Per quanto riguarda i pulsanti di invito all'azione, mantienili abbastanza grandi da essere toccati con qualsiasi pollice su qualsiasi dispositivo. Circonda i pulsanti con uno spazio bianco sufficiente in modo che non ci siano tocchi accidentali.

caratteri

La dimensione del carattere in un'e-mail accessibile non deve essere inferiore a 14 px. Inoltre, dovresti utilizzare caratteri sicuri per il Web, che verranno visualizzati correttamente sulla maggior parte dei dispositivi e dei sistemi operativi. Questi caratteri sono Arial, Comic Sans, Courier New, Georgia, Impact, Palatino, Tahoma, Trebuchet MS, Times New Roman e Verdana. Scopri di più sulla scelta del carattere perfetto per le tue e-mail sul nostro blog.

Inoltre, ti consigliamo di applicare l'allineamento a sinistra per il testo. Durante la lettura, l'inizio di ogni nuova riga funge da ancora per i nostri occhi. Quando l'allineamento è centrato, ogni linea inizia in un punto diverso, facendo saltare l'utente da una linea all'altra. Con un allineamento giustificato, a sua volta, la spaziatura tra le parole è ogni volta diversa. Ecco perché mantenere quell'ancora visiva nello stesso posto o utilizzare un allineamento a sinistra è la scelta migliore per motivi di leggibilità.

Si consiglia inoltre di dividere il testo per intestazioni, virgolette e altri tipi di formattazione.

Brain Pickings offre e-mail molto lunghe e ricche di contenuti che consistono principalmente di testo, ma è facile "digerirle" a causa delle loro scelte di formattazione.

Colori

Prima di tutto, dovresti controllare se i colori nella tua e-mail sono abbastanza contrastanti da essere accessibili alle persone che hanno problemi di vista. Ad esempio, è consigliabile che il rapporto per il testo normale sia almeno 4,5:1 e 3:1 per il testo ingrandito, spesso utilizzato nelle intestazioni.

Per verificare un buon contrasto in termini di accessibilità alla posta elettronica, puoi utilizzare strumenti come Tanaguru o WebAIM. Ti permettono di vedere il rapporto di contrasto del primo piano e dello sfondo. Are My Colors Accessible è un'altra ottima opzione per verificare se è facile comprendere la tua email.

Ad esempio, se controlliamo la combinazione standard di testo nero e sfondo bianco, possiamo vedere che il rapporto di contrasto è molto alto: 21:1. Tuttavia, quando cambiamo il colore di sfondo in arancione, il rapporto scende a 10,63:1.

Zoom avanti e indietro

Per gli utenti ipovedenti, le impostazioni di zoom vengono spesso utilizzate per aumentare le dimensioni del testo e di altri elementi visivi su uno schermo. Quindi controlla se è possibile ingrandire la tua email almeno del 200% senza perdere la qualità del contenuto.

Di seguito puoi vedere un frammento dell'e-mail di The Futur che abbiamo ingrandito al 200%: tutto il contenuto dell'e-mail è rimasto visibile e può essere letto chiaramente.

Tutto sommato

Quando crei un'e-mail accessibile, cerca di tenere a mente questi punti:

1. Mantieni una struttura di lettura logica della tua email.
2. Usa codice pulito con tag appropriati richiesti dai dispositivi di assistenza.
3. Includi testo alternativo informativo per ogni immagine nella tua email, inclusi i pulsanti dei social media e il tuo logo.
4. Assicurati che tutti i tuoi link e pulsanti siano utilizzabili o con cui sia facile interagire.
5. Mantieni i tuoi caratteri a un minimo di 14 px, usa la formattazione appropriata e allinea il testo a sinistra.
6. Attenersi a un buon contrasto tra i colori di sfondo e in primo piano.
7. Assicurati che il tuo contenuto possa essere ingrandito almeno al 200% senza perdita di contenuto.

L'implementazione dell'accessibilità alla posta elettronica senza esperienza precedente può essere scoraggiante. Tuttavia, quando si analizza il suo potenziale impatto, è chiaro che vale la pena fare questo lavoro. Prova SendPulse per creare modelli di posta elettronica puliti e accessibili e inviarli a tutti i tuoi abbonati.