Accessibilità nelle e-mail e nei moduli riferimento alle migliori pratiche
Imparerai
Scopri come rendere più accessibile la tua e-mail e il tuo modulo d'iscrizione. Nel progettare la tua e-mail e il tuo modulo d'iscrizione, dovrai assicurarti che i tuoi progetti siano accessibili a tutti i tuoi destinatari.
Accessibilità nelle e-mail
Ottimizza l'oggetto e l'anteprima del testo
Fai in modo che l'oggetto e il testo di anteprima siano descrittivi, allettanti e brevi.
Segui le migliori pratiche generali di progettazione delle e-mail
Seguire le migliori pratiche generali di progettazione delle e-mail renderà le tue e-mail più accessibili:
- Aggiungi il testo alt a tutte le tue immagini.
- Evita le e-mail contenenti solo immagini.
- Evita di usare le immagini per trasmettere i dettagli chiave.
- Usa colori fortemente contrastanti (ad esempio, bianco e nero, grigio e blu scuro, rosa e rosso scuro).
- Utilizzi le intestazioni per separare le idee.
- Usa link descrittivi (ad esempio, "Acquista la collezione" piuttosto che "Clicca qui per andare alla collezione").
- Struttura la tua e-mail in modo logico.
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
Klaviyo ottimizza automaticamente il modulo d'iscrizione per l'accessibilità. Un modulo Klaviyo pubblicato sul tuo sito web abilita i visitatori del sito a navigare interamente nel modulo utilizzando le loro tastiere e screen-reader. Inoltre, i visitatori del sito possono chiudere il modulo con il tasto escape e inviarlo con il tasto invio. Puoi aggiungere un Colore di contorno del focus, che si trova nella scheda Stili dell'editor del modulo, per aiutare gli utenti a capire quale campo è evidenziato quando si scorre il modulo.
Design del modulo di iscrizione
Proprio come per il design delle e-mail, dovrai seguire alcune linee guida di base per garantire che tutti i tuoi destinatari ricevano le informazioni che vuoi condividere con loro attraverso i tuoi moduli. Quando si progettano i moduli:
- Utilizzi colori contrastanti.
- Evita di inserire informazioni pertinenti nelle immagini
- Usa un linguaggio descrittivo nei link
- Costruisci i tuoi moduli con una struttura logica.
Mentre costruisci il tuo modulo d'iscrizione, Klaviyo controlla una serie di problemi di accessibilità e ti chiederà di risolvere i problemi individuati 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).
Risorse aggiuntive
- WebAIM: controllore di contrasto
- Sim Daltonismo: simulatore di daltonismo
- Funkify: Simulatore di disabilità di Google Chrome