Informazioni di riferimento sulle procedure consigliate per l'accessibilità nei messaggi e-mail e nei moduli

Cosa imparerai

Scopri come rendere le tue e-mail e i tuoi moduli d’iscrizione più accessibili. Quando progetti le tue e-mail e i tuoi moduli d’iscrizione, assicurati che siano accessibili per tutte le persone destinatarie.

Accessibilità nelle e-mail

Ottimizza l'oggetto e il testo di anteprima

Rendi l’oggetto e il testo di anteprima descrittivi, accattivanti e brevi.

Segui le best practice generali per la progettazione delle e-mail

Seguire le best practice generali per la progettazione delle e-mail renderà le tue e-mail più accessibili:

• Aggiungi un testo alternativo descrittivo alle immagini che comunicano informazioni, incluse le immagini usate come link. Lascia vuoto il testo alternativo per le immagini puramente decorative che non sono link.
• Evita e-mail solo con immagini.
• Evita di usare immagini per comunicare dettagli fondamentali.
• Usa colori del testo e di sfondo con un contrasto sufficiente. Il bianco e il nero offrono un forte contrasto; combinazioni come grigio e blu scuro o rosa e rosso scuro dipendono dalle tonalità. Verifica i tuoi colori esatti con il contrast checker di WebAIM.
• Usa le intestazioni per separare le idee.
• Usa link descrittivi (ad es. "Acquista la collezione" anziché "Fai clic qui per andare alla collezione").
• Struttura i tuoi e-mail in modo logico.

Qui sotto trovi un esempio di un’e-mail ottimizzata per tutti i destinatari (a sinistra) e una che non lo è (a destra).

Accessibilità nei moduli d'iscrizione

I moduli d’iscrizione di Klaviyo includono il supporto per tastiera e screen reader, ma devi comunque verificare i contenuti e il design del tuo modulo per l’accessibilità. I visitatori possono usare Tab per spostarsi tra campi e pulsanti e premere Invio su un pulsante di invio attivo. Possono premere Escape per chiudere i popup e i moduli flyout.

Per rendere più facile vedere lo stato attivo della tastiera, seleziona Modifica stili nell’editor del modulo e scegli un colore a contrasto in Contorno stato attivo.

Progettazione del modulo d'iscrizione

Proprio come per la progettazione delle e-mail, ti consigliamo di seguire alcune linee guida di base per assicurarti che tutti i destinatari ricevano le informazioni che vuoi condividere tramite i moduli. Quando progetti i moduli:

• Usa colori di testo e di sfondo a contrasto e controlla le tonalità esatte con il contrast checker di WebAIM.
• Evita di inserire informazioni importanti nelle immagini.
• Usa un linguaggio descrittivo nei link.
• Crea i tuoi moduli seguendo una struttura logica.

Mentre crei il tuo modulo d'iscrizione, Klaviyo verifica la presenza di problemi comuni di accessibilità. Seleziona Avvisi nell’editor del modulo, poi rivedi gli Avvisi attivi e segui le istruzioni di ogni scheda per risolvere i problemi identificati.

I controlli automatici non rilevano tutti i problemi di accessibilità. Prima di pubblicarlo, testa il modulo con una tastiera e uno screen reader. Per rendere attivi gli aggiornamenti sul tuo sito, seleziona Pubblica o pianifica, scegli l’opzione Pubblica ora e fai clic su Pubblica ora.

Di seguito trovi un esempio di un modulo ben progettato (a destra) e di un modulo che non sarà accessibile a tutti (a sinistra).

Risorse aggiuntive