Accessibilità alla posta elettronica: la guida tascabile che puoi aggiungere ai preferiti

Hai mai ricevuto un'email con un contrasto cromatico scarso che rendeva difficile la lettura del testo? Oppure le informazioni erano poco chiare anche con il testo alternativo? In che modo hai utilizzato quell'email? Senza dubbio l'hai chiusa e hai letto l'email successiva.

Se vuoi costruire un rapporto forte con i tuoi clienti, devi seguire le migliori pratiche di accessibilitàPoiché l'email genera un ROI massimo di 38 $ per ogni $ speso, è necessario prestare particolare attenzione alla strategia di email marketing e renderla accessibile a tutti.

Diamo un'occhiata ad alcuni fatti e statistiche interessanti sull'accessibilità.

AbilityNet ha rivelato che il 90% dei siti web pubblici e commerciali non è accessibile alle persone con disabilità che dipendono da tecnologie assistive. Secondo l'Organizzazione Mondiale della Sanità (OMS), circa il 15% della popolazione mondiale vive con una qualche forma di disabilità. Oltre alle persone con disabilità, l'accessibilità include gli anziani, le persone con disabilità temporanee, gli abbonati che utilizzano schermi di piccole dimensioni e coloro che hanno una connessione Internet lenta.

Entro il 2060, si prevede che la popolazione geriatrica raggiungerà 98 milioni negli USA

Importanza dell'accessibilità della posta elettronica

Le email accessibili aiuteranno a raggiungere un pubblico più vasto.

Rendere accessibili le tue email ti consentirà di raggiungere un pubblico più ampio, inclusi disabili, anziani e altri che potrebbero trovare difficile leggere i tuoi contenuti. Inoltre, negli Stati Uniti le email hanno una penetrazione del 90.3%. Pertanto, puoi facilmente prevedere che la creazione di email accessibili aumenterà la tua base di pubblico. È importante notare che molte aziende sono legalmente obbligate a inviare email accessibili ai sensi dell'Americans with Disabilities Act (ADA). Puoi saperne di più sull'invio di email accessibili. Email conformi all'ADA in questo pezzo.

Aumenterà la credibilità del tuo marchio.

Al momento, sono pochissimi i brand che inviano email accessibili. L'adozione tempestiva di questa strategia rafforzerà la reputazione del tuo brand e ti aiuterà a rimanere al passo con i tempi. Migliorerà anche il ricordo del tuo brand.

L'accessibilità migliorerà l'esperienza del cliente.

Poiché le email accessibili sono facili da utilizzare, eliminano gli ostacoli che ostacolano il coinvolgimento degli iscritti. Questo si traduce in una migliore esperienza del cliente, che a sua volta si traduce in un maggiore coinvolgimento e conversioni più elevate.

Condizioni da considerare durante la creazione di e-mail accessibili

L'Università di Yale ha definito cinque principali tipologie di disabilità nella sua politica di accessibilità, ovvero:

Visivo

La disabilità visiva comprende:

• Perdita della vista lieve o moderata in uno o entrambi gli occhi
• Perdita sostanziale o completa della vista in entrambi gli occhi
• Sensibilità ad alcuni colori o daltonismo
• Sensibilità alla luminosità

Uditorio

Un deficit uditivo da lieve a moderato in una o entrambe le orecchie rientra nella categoria delle disabilità uditive. Le persone con ipoacusia parziale o difficoltà uditive potrebbero avere difficoltà ad accedere ai contenuti audio.

Conoscitivo

Le disabilità cognitive influenzano il modo in cui le persone elaborano e comprendono le informazioni. Comprendono una serie di disturbi comportamentali e di salute mentale.

Discorso

L'incapacità di produrre un linguaggio comprensibile da altre persone o da un software è considerata una disabilità del linguaggio.

Fisico

Debolezze e limitazioni del controllo muscolare sono note come disabilità fisiche o motorie. Rientrano in questa categoria anche movimenti involontari come tremori, mancanza di coordinazione, paralisi, limitazioni della sensibilità, disturbi articolari come l'artrite, dolori che limitano i movimenti e l'assenza di arti.

Ora che hai una conoscenza di base sul tipo di disabilità, vediamo come rendere le tue email accessibili a tutti, indipendentemente dalle loro limitazioni.

Un approccio metodico all'accessibilità della posta elettronica

Affronteremo l'argomento in quattro grandi sezioni.

1. Accessibilità alla posta in arrivo
2. Rendere accessibile il contenuto delle email
3. Progettare email accessibili
4. Codifica di email accessibili

Iniziamo.

Accessibilità alla posta in arrivo

Oltre al nome del mittente, gli iscritti controlleranno l'oggetto e l'intestazione prima di aprire l'email. La creazione di email accessibili inizia proprio da qui.

1. L'oggetto e il testo di pre-intestazione devono essere semplici, descrittivi e non troppo lunghi. Devono far capire ai destinatari di cosa tratta l'email e incoraggiarli ad aprirla.

2. Quando utilizzi le emoji, tieni presente le persone che utilizzano tecnologie assistive per leggere le tue email. La tua email potrebbe perdere la sua essenza per questi iscritti. L'idea migliore è aggiungere un'unica emoji pertinente alla fine dell'oggetto (come mostrato nello screenshot qui sotto).

Evita di utilizzare più emoji o un singolo emoji, che potrebbe avere interpretazioni diverse a seconda dello strumento. Non cambiarne il colore, poiché il software di supporto leggerà ad alta voce la descrizione del colore.

3. Gli strumenti di ingrandimento potrebbero confondere la lettura di parole scritte in maiuscolo. Inoltre, sono difficili da riconoscere dalla forma. Alcuni screen reader interpretano la parola come un acronimo e la leggono lettera per lettera. Pertanto, è necessario evitare di scrivere in maiuscolo.

Rendere accessibile il contenuto delle e-mail

Gli iscritti e gli screen reader dovrebbero trovare le tue email semplici da leggere. Tieni a mente i seguenti punti per rendere il contenuto delle email accessibile.

Scrivi un testo conciso: la maggior parte degli iscritti scorre le tue email alla ricerca di informazioni utili da assimilare. Potrebbe non sembrare troppo difficile. Tuttavia, chi utilizza screen reader e tecnologie assistive troverà difficile cogliere il succo delle tue email se sono troppo prolisse. Lo stesso vale per le persone con una soglia di attenzione più breve. Quindi, mantieni le tue email il più concise possibile.

Utilizza frasi brevi e dirette: migliora la leggibilità della tua email con un linguaggio chiaro e privo di termini tecnici. Non tutti gli iscritti conosceranno la tua lingua a livello madrelingua. Pertanto, è consigliabile adottare un approccio inclusivo nella scelta delle parole.

Elimina il testo generico dei collegamenti ipertestuali: opta per frasi più specifiche anziché per testi come "clicca qui". Utilizza un testo descrittivo che faccia capire al pubblico dove arriverà dopo aver cliccato sul collegamento. Ad esempio: "Qui troverai la guida completa di DeBounce alla deliverability delle email>>" funziona meglio delle frasi generiche.

Non fare riferimento a immagini nel testo: supponiamo che tu abbia fatto riferimento a un'immagine nel testo della tua email. Ciò creerà un problema per le persone che non possono visualizzare la tua email. Inoltre, indurrà in errore gli iscritti, che potrebbero utilizzare dispositivi che non supportano il tuo messaggio o che hanno le immagini bloccate per impostazione predefinita. Non devi fare riferimento ad alcuna immagine nel corpo del testo per evitare una situazione così complicata.

Progettare email accessibili

Progetta email facilmente comprensibili sia per gli iscritti che per gli screen reader. Ecco alcuni suggerimenti per guidarti.

1. Seguire un ordine di lettura logico
Le tabelle vengono utilizzate per codificare i modelli di email, poiché rappresentano il modo migliore per garantire una visualizzazione impeccabile su desktop, webmail e client di posta elettronica mobile. Pertanto, l'ordine dei contenuti è di fondamentale importanza. Supponiamo che il 10% degli iscritti alla tua mailing list utilizzi uno screen reader per leggere le email. Se la sequenza dei contenuti non segue l'ordine di lettura da sinistra a destra o dall'alto verso il basso, lo screen reader leggerà i contenuti in modo casuale. Di conseguenza, l'iscritto non sarà in grado di comprendere gran parte del contenuto casuale. L'immagine seguente rappresenta l'ordine in cui viene letto il contenuto.

Mantenere il flusso corretto diventa ancora più importante per le email responsive. La soluzione più sicura è utilizzare un layout a colonna singola per garantire che le tue email non subiscano un triste destino.

2. Scegli un testo e un colore di sfondo adatti
Il modo migliore per creare email perfettamente leggibili è utilizzare testo scuro su sfondo chiaro. Questa combinazione offre agli utenti un'esperienza di lettura piacevole. In alternativa, è possibile utilizzare uno sfondo scuro e un testo chiaro che emuli le impostazioni della modalità scura e valutare l'inserimento di immagini di sfondo di alta qualità per migliorare l'appeal visivo del pubblico, in particolare di coloro che soffrono di fotosensibilità. Un rapporto di contrasto ideale tra testo e sfondo è di 4.5:1 o superiore per i caratteri piccoli e di 3:1 per i caratteri grandi. È possibile utilizzare diversi strumenti per verificare il rapporto di contrasto dei colori. Alcuni di questi sono Contrast Ratio, Contrast Finder, Monsido e Coolors. Consultate questa tabella per capire come utilizzare i colori giusti nelle vostre email. Garantire un rapporto di contrasto sufficiente migliora la leggibilità e l'accessibilità, consentendo a tutti gli utenti di interagire efficacemente con i contenuti. Questi strumenti di contrasto dei colori consentono di selezionare i colori ottimali che soddisfano i rapporti consigliati per diverse dimensioni dei caratteri.

3. Allinea il testo verso il lato sinistro
Il più delle volte, siamo tentati di allineare il testo al centro o di giustificarlo. Questo è un errore dal punto di vista dell'accessibilità. L'allineamento a sinistra funziona meglio quando si desidera creare un'esperienza utente inclusiva. Altri metodi di allineamento non sono adatti alle persone dislessiche. Inoltre, il testo giustificato non è compatibile con alcuni client di posta elettronica e può causare problemi di rendering.

4. Usa caratteri semplici
Scegli font leggibili per tutti gli iscritti. È preferibile utilizzare font Serif o sans-serif sicuri per il web. Questo non significa che non dovresti mai utilizzare font personalizzati. Puoi utilizzare font fantasiosi o decorativi durante le festività o in occasioni speciali. Assicurati di fornire un fallback appropriato per i client di posta elettronica che non supportano questi font. Ogni volta che aggiungi un font personalizzato a un'email, il motore di rendering verificherà prima se il dispositivo del destinatario ha il font personalizzato installato. In caso contrario, verificherà il primo fallback fornito nel codice. Se questo font non esiste sul dispositivo, visualizzerà il secondo fallback.

5. Imposta una lunghezza di linea breve e un'altezza di linea adeguata
La lunghezza consigliata per riga è compresa tra 45 e 75 caratteri. Se la lunghezza della riga è eccessiva, gli abbonati non riescono a concentrarsi sul testo. D'altra parte, una lunghezza della riga più corta interromperà il ritmo della lettura, poiché i lettori dovranno tornare a sinistra più volte per leggere la riga successiva. Il modo migliore è utilizzare paragrafi, titoli, elenchi puntati e immagini brevi per suddividere il testo in blocchi leggibili. L'altezza ideale della riga dovrebbe essere pari a 1.5 volte la dimensione del carattere. Mantenere le righe troppo vicine può affaticare inutilmente la vista del lettore, che potrebbe perderne una e passare alla successiva. Al contrario, se le righe sono più distanti, si creerà una disconnessione tra le due. Ecco un esempio di Email Uppers con una dimensione del carattere di 15 pt, un'altezza della riga di 25 pt e una lunghezza della riga di 71 caratteri, il tutto in linea con le migliori pratiche di accessibilità.

6. Aggiungi abbastanza spazio bianco alle tue email
Lasciate respirare i lettori aggiungendo ampio spazio bianco alle email. Questo renderà ogni elemento chiaramente leggibile. Evitate di sovraccaricare l'email in modo che il suo scopo non venga nascosto. Margini tipografici e spaziatura tra paragrafi possono rendere le email più leggibili. Date un'occhiata all'email di promemoria minimalista di Duolingo, che crea immediatamente un legame con il lettore e lo spinge a continuare a imparare.

7. Utilizzare le immagini con giudizio
Solo perché puoi farlo non significa che dovresti! Questo vale perfettamente per l'email marketing visivo. Usa elementi visivi solo quando necessario. Molti addetti al marketing aggiungono GIF a ogni email. Sebbene migliorino l'aspetto visivo delle email, potrebbero causare problemi di accessibilità. Le GIF con animazioni tra 2 e 55 Hz possono essere dannose per le persone fotosensibili. Pertanto, dovresti evitare di utilizzare GIF con colori vivaci, motivi ad alto contrasto e contenuti appariscenti. Assicurati che le transizioni siano fluide e che per ogni elemento visivo sia presente un testo alternativo pertinente. Il testo alternativo consentirà agli screen reader di capire di cosa tratta l'immagine. Sarà utile anche per i client di posta elettronica che bloccano le immagini per impostazione predefinita.

8. Rendi i pulsanti CTA facili da cliccare
Il pulsante CTA deve essere ben visibile. Avere molto spazio bianco attorno al CTA aiuta in questo senso. Per progettare un CTA accessibile, è necessario utilizzare un forte contrasto di colore e renderlo cliccabile con la tastiera. Aggiungere etichette chiare in linea con il testo del CTA. La dimensione del pulsante CTA dovrebbe essere di 44×44 px, secondo le WCAG. Google consiglia 48×48 px. Testare il pulsante CTA e verificare che sia facilmente accessibile a tutti. Renderlo sufficientemente grande da poter essere cliccato anche sui dispositivi mobili.

Codifica di e-mail accessibili

L'accessibilità delle email non si applica solo alle persone con esigenze speciali. Rende le email accessibili a tutti. Ecco alcuni suggerimenti da tenere a mente durante la programmazione di email accessibili.

1. Impostare i ruoli della tabella su "presentazione"
Come accennato in precedenza, è importante mantenere un flusso logico del contenuto dell'email. Impostando i ruoli della tabella su "Presentazione", gli screen reader si avvarranno dell'aiuto delle Assistive Rich Internet Applications (ARIA) per leggere la tabella in modo perfettamente sensato. Se si dimentica di impostare il ruolo della tabella, lo screen reader leggerà il codice HTML, rovinando l'esperienza utente.

2. Utilizzare tag semantici
Il markup semantico aiuta a determinare il flusso e la gerarchia del modello di email. Utilizzando paragrafi, elenchi e titoli come , , , , E guiderà gli screen reader attraverso il contenuto dell'email nella sequenza corretta. È necessario applicare i margini per ciascun elemento e impostare stili diversi sull'elemento padre per tutti i paragrafi, in modo da riflettere il codice.

3. Le email con codice sono compatibili con l'accesso tramite tastiera
Disabilità fisiche o problemi di vista possono limitare l'uso del mouse. Per soddisfare le esigenze degli abbonati che non riescono a vedere il puntatore del mouse sullo schermo, è necessario programmare le email in modo che siano accessibili tramite tastiera. Rivolgiti a un professionista che possa aggiungere controlli personalizzati, stili CSS e script che facilitino la navigazione delle email tramite tastiera.

4. Includi l'attributo "lang"
Gli screen reader leggeranno le email nella lingua predefinita impostata sul dispositivo. Per evitare interpretazioni e pronunce errate, è necessario specificare la lingua dell'email con l'ausilio dell'attributo "lang". Ad esempio, se l'email è in francese, utilizzare lang="fr" nell'elemento wrapper all'interno dell'attributo "lang". Puoi anche usarlo come un che comprende l'intera copia dell'email. È inoltre necessario impostare la lingua nel elemento.

Come verificare l'accessibilità delle e-mail?

Tutti questi suggerimenti ti aiuteranno a creare email accessibili, ma è comunque possibile che ti sfugga qualcosa. Ecco alcuni strumenti che ti aiuteranno a verificare l'accessibilità delle tue email.

Accessible-email.org

Questo strumento serve esclusivamente a verificare l'accessibilità delle tue email. Basta aggiungere l'email in formato HTML e il sistema valuterà immediatamente titoli, testo alternativo, ruoli delle tabelle, attributi di lingua, CTA ed etichette dei link. Sulla base di queste informazioni, puoi apportare le modifiche necessarie.

Oltre a questo strumento, puoi anche utilizzare alcuni strumenti di accessibilità web per valutare le tue email.

1. Elenco degli strumenti di valutazione dell'accessibilità web del W3C
2. Approfondimenti sull'accessibilità
3. Metriche accessibili
4. ONDA
5. Elenco degli strumenti di accessibilità di Apple
6. L'estensione axe DevTools
7. Estensione Strumenti per sviluppatori di accessibilità di Google per Chrome
8. AChecker

Avvolgere Up

Vorrei concludere con un esempio di un'e-mail completamente accessibile che rispetta alla perfezione tutte le migliori pratiche e linee guida in materia di accessibilità.

L'e-mail soddisfa tutti i requisiti della checklist di accessibilità della posta elettronica.

Fonte e test Litmus