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 concevez vos e-mails et vos formulaires d’inscription, vous devez vous assurer qu’ils sont accessibles à tous les destinataires. Même si le fait de prendre le temps de faire ce travail supplémentaire peut sembler fastidieux, pour les millions de personnes qui vivent avec un handicap dans le monde, ce temps supplémentaire sera extrêmement utile. 

Accessibilité des e-mails

Optimisation des objets des e-mails et du texte de prévisualisation

Le fait de consacrer un effort supplémentaire à vos lignes d’objet et à votre texte de prévisualisation rend non seulement vos e-mails plus accessibles, mais a également un impact sur vos taux d’ouverture. Vos objets d'e-mail et votre texte de prévisualisation doivent être descriptifs, attrayants et courts.

Conception de base d’un e-mail

Tout comme pour les lignes d’objet, si vous avez suivi les meilleures pratiques en matière de conception de vos e-mails, vous rendrez également vos e-mails plus accessibles. Il s’agit notamment d’ajouter un texte alternatif à toutes vos images, d’éviter les e-mails contenant uniquement des images, d’utiliser des couleurs fortement contrastées (par exemple, blanc et noir, gris et bleu foncé, rose et rouge foncé), d’utiliser des en-têtes pour séparer les idées, des liens descriptifs (par exemple, « Achetez la collection » plutôt que « Cliquez ici pour accéder à la collection »), et de donner une structure logique à vos e-mails. Ces bonnes pratiques vous permettront de vous assurer que tous vos clients recevront votre message et qu’il se trouvera dans la boîte de réception.

Checklist et exemple

1. Rédigez des lignes d’objet et des textes de prévisualisation descriptifs, courts et précis.
2. Ajoutez un texte alternatif à toutes les images.
3. Évitez de mettre des données pertinentes dans des images.
4. Utilisez des couleurs contrastées.
5. Utilisez des en-têtes pour séparer les idées.
6. Utilisez un langage descriptif dans les liens.
7. Concevez des e-mails dans une structure 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

Heureusement, grâce au code de vos formulaires d’inscription Klaviyo, tous vos destinataires peuvent analyser les informations dont ils ont besoin. Un formulaire Klaviyo publié sur votre site web permet automatiquement aux visiteurs de naviguer entièrement à l’aide de leur clavier et d’utiliser les lecteurs d’écran pour lire les formulaires. En outre, les visiteurs peuvent fermer un formulaire avec la touche « Echap » et le soumettre avec la touche « Entrée » . Par ailleurs, 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 vos formulaires, utilisez des couleurs contrastées, évitez de placer des données pertinentes dans les images, utilisez un langage descriptif dans les liens et articulez vos formulaires selon une structure logique. Notez que pendant que vous créez vos formulaires d’inscription, Klaviyo surveille un certain nombre de problèmes d’accessibilité et affiche des invites à corriger les 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