Niveau 1 : liste des messages
L’objet, l’expéditeur et le pré-en-tête déterminent si l’utilisateur ouvrira le message. Vérifiez que l’objet n’est pas comprimé par un préfixe d’environnement, que le nom de l’expéditeur inspire confiance et que le pré-en-tête ne révèle ni variable de modèle ni répétition de la première phrase.
Ajoutez un identifiant unique à l’objet de test pour confirmer que le message ouvert dans la liste est bien la version actuelle. Si le véritable e-mail est arrivé, le contenu de démonstration ne doit plus rester mélangé à la liste.
Niveau 2 : en-têtes et identité de marque
Désactivez les images ou supposez que les images distantes échouent : la marque et le type d’e-mail doivent rester identifiables. Le logo doit avoir un texte alternatif, et le contraste entre l’arrière-plan et le corps ne doit pas dépendre uniquement des images.
Sur petit écran, l’en-tête ne doit pas occuper la majeure partie de la zone de lecture. Le nom de la marque, le type de notification et le domaine de l’expéditeur doivent être cohérents ; ne masquez pas une source douteuse derrière un habillage visuel.
Niveau 3 : ordre du contenu
Lisez d’abord le titre, les informations essentielles, l’action à effectuer et les précisions complémentaires : l’ordre doit être naturel. Les valeurs importantes, comme un code de vérification, un montant, une date ou une position d’appareil, ne doivent pas être enfouies dans des blocs décoratifs.
Observez les retours à la ligne dans une zone de lecture d’environ 390 px et vérifiez que les tableaux, URL longues et numéros de commande ne débordent pas du conteneur. Même avec un texte agrandi, le corps doit conserver son ordre logique.
Niveau 4 : boutons d’action
Le libellé du bouton doit expliquer le résultat du clic, et non se limiter à « Cliquez ici ». Copiez le href réel et vérifiez le domaine, le protocole, l’environnement et les paramètres nécessaires ; l’apparence du bouton ne garantit pas que le lien est correct.
Les actions principales et secondaires doivent être clairement distinguées. Si un bouton est désactivé ou si le lien a expiré, prévoyez un retour permettant de récupérer la situation. Ne simulez pas de boutons système et n’incitez pas l’utilisateur à transmettre un secret.
Niveau 5 : images et contenus longs
Les images doivent respecter une largeur maximale et disposer d’un texte alternatif pertinent. Une image décorative peut avoir un texte alternatif vide, mais les informations relatives à une commande, à un code de vérification ou à des étapes ne doivent pas exister uniquement sous forme d’image.
Les mots longs, liens de suivi et suites de chiffres doivent pouvoir se couper à la ligne sans élargir toute la page. Les pièces jointes volumineuses et les médias distants doivent aussi être vérifiés séparément selon les règles de capacité du produit.
Niveau 6 : version texte
La version texte doit contenir les faits essentiels de l’objet, l’URL complète de l’action principale, les informations d’assistance et les mentions légales nécessaires. Elle ne consiste pas à supprimer les balises HTML pour obtenir un texte illisible.
Vérifiez les lignes vides, les listes et la position des liens dans l’ordre de lecture. Même si le client n’affiche pas le HTML, l’utilisateur doit comprendre la situation et pouvoir effectuer l’action essentielle.
Établir une conclusion reproductible
Notez la version du modèle, la tâche d’envoi, l’adresse, l’heure d’arrivée, la largeur du client et les liens réellement utilisés. À chaque correction, ne modifiez que les variables nécessaires, puis envoyez un échantillon avec un nouvel identifiant.
Les critères doivent couvrir à la fois la cohérence des faits, la lisibilité, l’actionnabilité et l’intégrité de la version de secours. Une belle capture d’écran sur ordinateur n’est qu’un élément parmi d’autres et ne remplace pas une conclusion complète.
Ouvrir l’aperçu isolé
Recevez la nouvelle version dans une boîte de réception temporaire et vérifiez la mise en page dans une véritable zone de contenu.