Imparerai
Scopra come rendere più accessibili le sue e-mail e i moduli di iscrizione. Quando progetta le sue e-mail e i moduli di iscrizione, dovrà assicurarsi che i suoi disegni siano accessibili a tutti i suoi destinatari. Anche se dedicare del tempo al lavoro extra può sembrare una seccatura, per i milioni di persone che vivono con una disabilità in tutto il mondo, il suo tempo extra sarà enormemente ripagato.
Accessibilità nelle e-mailAccessibilità nelle e-mail
Ottimizzazione delle righe degli oggetti e del testo di anteprimaOttimizzazione delle righe degli oggetti e del testo di anteprima
Assicurarsi di dedicare uno sforzo supplementare alle righe dell'oggetto e al testo di anteprima non solo rende le sue e-mail più accessibili, ma influisce anche sui tassi di apertura. Le righe degli oggetti e il testo di anteprima devono essere descrittivi, allettanti e brevi.
Design di base delle e-mailDesign di base delle e-mail
Proprio come per le righe degli oggetti, se ha seguito le migliori pratiche di design per le sue e-mail, le renderà anche più accessibili. In particolare, aggiungere il testo alt a tutte le sue immagini, evitare le e-mail di sole immagini, utilizzare colori nettamente contrastanti (ad esempio, bianco e nero, grigio e blu scuro, rosa e rosso scuro), utilizzare intestazioni per separare le idee, link descrittivi (ad esempio, "Acquisti la collezione" piuttosto che "Clicchi qui per andare alla collezione"), e creare una struttura logica per le sue e-mail. Queste best practice garantiranno che tutti i suoi clienti ricevano il suo messaggio e che lei raggiunga la casella di posta elettronica.
Lista di controllo ed esempioLista di controllo ed esempio
- Scriva righe di oggetto e testi di anteprima che siano descrittivi, brevi e diretti al punto.
- Aggiunga il testo alt a tutte le immagini.
- Eviti di inserire informazioni pertinenti nelle immagini.
- Utilizzi colori contrastanti.
- Utilizzi le intestazioni per separare le idee.
- Utilizzi un linguaggio descrittivo nei link.
- Progetta le e-mail in una struttura logica.
Di seguito un esempio di un'e-mail ottimizzata per tutti i destinatari (a sinistra) e una che non lo è (a destra).
Accessibilità nei moduli di iscrizione
Fortunatamente, il codice dietro i moduli di iscrizione di Klaviyo permette a tutti i suoi destinatari di analizzare le informazioni di cui hanno bisogno. Un modulo Klaviyo pubblicato sul suo sito web consente automaticamente ai visitatori del sito di navigare interamente nel modulo utilizzando la tastiera e gli screen-reader possono leggere i moduli. Inoltre, i visitatori del sito possono chiudere un modulo con il tasto escape e inviare con il tasto invio. Inoltre, può aggiungere un colore di contorno Focus, situato nella scheda Stili all'interno dell'editor del modulo, per aiutare gli utenti a capire quale campo è evidenziato quando si scorre il modulo.
Design del modulo di iscrizioneDesign del modulo di iscrizione
Proprio come per il design delle e-mail, dovrà seguire alcune linee guida di base per garantire che tutti i suoi destinatari ricevano le informazioni che desidera condividere con loro attraverso i moduli. Nella progettazione dei moduli, utilizzi colori contrastanti, eviti di inserire informazioni pertinenti nelle immagini, utilizzi un linguaggio descrittivo nei link e costruisca i suoi moduli secondo una struttura logica. Tenga presente che mentre costruisce i suoi moduli di iscrizione, Klaviyo monitora una serie di problemi di accessibilità e inserisce dei suggerimenti per risolvere qualsiasi problema identificato nella scheda Avvisi dei moduli.
Vada a Come creare un modulo di iscrizione ADA-friendly per saperne di più sulla creazione di moduli di iscrizione accessibili nell'editor di moduli di Klaviyo.
Di seguito un esempio di un modulo ben progettato (a destra) e di un modulo che non sarà accessibile a tutti (a sinistra).