Accessibilité dans les e-mails et les formulaires : référence des meilleures pratiques

Objectif de cet article

Apprenez à rendre vos e-mails et vos formulaires d’inscription plus accessibles. Lorsque vous les concevez, vous devez vous assurer qu’ils sont accessibles à tous les destinataires.  

Accessibilité des e-mails

Optimisation des objets d’e-mail et du texte de prévisualisation

Vos objets d’e-mail et votre texte de prévisualisation doivent être descriptifs, attractifs et brefs.

Respect des bonnes pratiques générales en matière de conception d’e-mails

Respectez les bonnes pratiques générales en matière de conception d’e-mails pour rendre vos e-mails plus accessibles :

• Ajoutez un texte alternatif à chaque image.
• Évitez les e-mails contenant uniquement des images.
• Évitez d’utiliser des images pour transmettre des informations clés.
• Utilisez des couleurs très contrastées (p. ex., blanc et noir, gris et bleu foncé, rose et rouge foncé).
• Utilisez des en-têtes pour séparer les idées.
• Utilisez des liens descriptifs (préférez « Consulter la collection » à « Cliquez ici pour accéder à la collection »).
• Structurez vos e-mails de manière logique.

Vous trouverez ci-dessous un exemple d’e-mail optimisé pour tous les destinataires (à gauche) et un autre qui ne l’est pas (à droite).

Accessibilité des formulaires d’inscription

Klaviyo optimise automatiquement les formulaires d’inscription pour qu’ils soient accessibles. Un formulaire Klaviyo publié sur votre site web permet aux visiteurs de naviguer entièrement à l’aide de leur clavier et d’utiliser les lecteurs d’écran. En outre, les visiteurs peuvent fermer un formulaire avec la touche « Échap » et le soumettre avec la touche « Entrée ». Vous pouvez ajouter une couleur d’accentuation du contour, située dans l’onglet Styles de l’éditeur de formulaire, pour aider les utilisateurs à comprendre quel champ est mis en surbrillance lorsqu’ils naviguent dans le formulaire.

Conception du formulaire d’inscription

Tout comme pour la conception d’un e-mail, vous devrez suivre quelques règles élémentaires pour vous assurer que tous vos destinataires recevront les informations que vous souhaitez partager via vos formulaires. Pour concevoir un formulaire :

• Utilisez des couleurs contrastées.
• Évitez de transmettre des informations importantes au moyen d’images.
• Créez des liens descriptifs.
• Concevez vos formulaires de manière logique.

Pendant que vous créez vos formulaires d’inscription, Klaviyo surveille un certain nombre de critères d’accessibilité et vous invite à corriger les éventuels problèmes identifiés dans l’onglet Alertes de formulaire. 

Vous trouverez ci-dessous un exemple de formulaire bien conçu (à droite) et un formulaire qui n’est pas accessible à tous (à gauche). 

Ressources complémentaires

• WebAIM : vérificateur de contraste
• Sim Daltonism : simulateur de daltonisme
• Funkify : simulateur de handicap pour Google Chrome