Développements » gDTC

Par bonnes pratiques, j'entends HTML valide + accessible et multipart text+html

En attachement de cette demande des screenshots de prévisualisation faits par un service en ligne.

Propositions générales suite à mes tests sur le courriel « Relance concernant votre cotisation individuelle à l'April [identifiant : {$additional.nickname}]'? » template_id = 33)

- ajouter le numéro de téléphone de l'April : 01 78 76 92 80 après « L'équipe Vie associative secretaire@april.org »

- ajouter le numéro de téléphone de l'April à la fin du courriel au niveau du logo et de l'adresse

- modifier l'adresse dans « Chèque bancaire Vous pouvez envoyer votre chèque à l'ordre de l'April à l'adresse suivante : Association April 44/46 rue de l'Ouest 75014 Paris France » en mettant

April 44/46 rue de l'Ouest, Bâtiment 8, 75014 Paris France

- modifier « Vous pouvez régler en espèces en remettant la somme en main propre à un membre du conseil d'administration » par

« Vous pouvez régler en espèces en remettant la somme en main propre à un membre du conseil d'administration ou de l'équipe salariée »

- Dans la signature, l'url du site de l'April devrait être en https non ? :

Association APRIL 44-46 rue de l'Ouest Bâtiment 8 75014 PARIS Tél : 01 78 76 92 80 www.april.org [http://www.april.org]

- faire les mêmes modifications dans les autres templates

Test de clonage de courriel, ça a l'air ok (j'ai cloné le template id=213 « Nous avons besoin de votre aide pour animer le stand April aux RMLL » en id=304 « Nous avons besoin de votre aide pour animer le stand April aux RMLL - Test Fred »). J'ai fait des modifications sur le template cloné et c'est ok.

Test d'édition d'un modèle, ça a l'air ok. Test fait sur le modèle « Nous avons besoin de votre aide pour animer le stand April aux RMLL - test Fred » (id=304).

J'ai modifié pour ajouter les dates, le lieu. J'ai aussi modifié les urls des RMLL et de la page wiki. Pour le site des RMLL j'ai juste tapé l'url du site (mauvaise pratique en terme d'accessibilité), pour la page wiki j'ai sélectionné « vous inscrire sur la page wiki dédiée » et cliqué sur le bouton « Insérer un lien » (bonne pratique). Pour les deux, c'est ok lors de la lecture du courriel(version texte, version html).

Test d'ajout d'un modèle de courriel ok (« Test Fred - ignorer », id=305). Création du modèle, ajout de texte, envoi/réception ok.

Le champ « Répondre à » des modèles de courriel ne semble pas pris en compte.

Envoi du courriel « Nous avons besoin de votre aide pour animer le stand April aux RMLL » (id=213). Dans le modèle de courriel, le champ "Répondre à" a pour valeur evenements@april.org mais à la réception du courriel le champ Reply-To du courriel n'est pas présent.

Il n'y a pas ce problème avec le même modèle en production.

Il est probable que le problème est valable pour tous les modèles.

Note concernant le template de courriel « Nous avons besoin de votre aide pour animer le stand April aux RMLL » (id=213) :

Les dates, page wiki exactes ne sont pas indiquées (vu que cela doit être un template générique pour les RMLL) mais dans la signature il y a

« Vous recevez ce mail car vous avez indiqué lors de votre adhésion que vous vivez dans la région Auvergne-Rhône-Alpes. »

Il faudrait peut-être ne pas spécifier la région dans le template ou mettre … comme pour les dates.

Isa : c'est corrigé.

Remplacer partout « mail » par « courriel ».

Proposition : modifier la couleur des titres des courriels.

Pour le modèle « Relance concernant votre cotisation individuelle à l'April [identifiant : fcouchet] » dans le corps du message le titre « Relance concernant votre cotisation individuelle à l'April [identifiant : fcouchet] » s'affiche en rouge, je suppose que c'est volontaire car c'est un courriel de relance. J'ai testé un autre template ("Nous avons besoin de votre aide pour animer le stand April à Pas Sage en Seine") et le titre est également en rouge.

Le rouge est souvent une couleur associée à des messages très importants, à traiter en urgence. Et c'est une couleur pour les alertes, dangers (le rouge est le niveau maximal dans les codes d'alertes). D'où l'utilité potentielle pour un courriel de relance de paiement de cotisation. Mais pour un courriel d'un autre tupe, cela peut être déplacé d'utiliser le rouge.

Pourquoi ne pas utiliser le bleu April pour le titre des autres courriels et ne garder le rouge que pour les courriels de relance pour les retards de cotisation ?

Test de lecture mutt, affichage version html :

le logo ne s'affiche pas, si je fais clic-droit et « Afficher l'image dans un nouvel onglet » j'ai comme message « Impossible d’afficher ce site Web Le site à l’adresse cid:// paraît indisponible. Il est peut-être momentanément inaccessible ou a été déplacé à une autre adresse. Pensez quand même à vérifier le bon fonctionnement de votre connexion à Internet ».

Avec firefox, clic-droit (cid:logo-april.png apparaît dans la barre d'url) et message d'erreur « L’adresse n’a pas été reconnue. Firefox ne sait pas ouvrir cette adresse car l’un des protocoles suivants (cid) n’est associé à aucun programme ou n’est pas autorisé dans ce contexte. Il est peut-être nécessaire d’installer une autre application pour ouvrir ce type d’adresse. »

Mais bon, c'est peut-être lié au fait que j'utilise pas mutt, sauf pour ce test, et qu'il y a peut-être un problème de configuration de mon côté.

Passage du validateur https://validator.w3.org/check sur le contenu html du courriel :

- des erreurs liées à xmlns:v="urn:schemas-microsoft-com:vml" et xmlns:o="urn:schemas-microsoft-com:office:office">, je ne sais pas à quoi servent ces lignes et si elles sont utiles

- des erreurs no attribute "LEFTMARGIN", "TOPMARGIN" et autres du même genre

- des erreurs liées à &key mais je ne sais pas si c'est corrigeable

- Line 226, Column 4: end tag for element "P" which is not open

C'est au niveau de :

  <h2>Résiliation</h2>
  <p>Si vous ne souhaitez pas renouveler, merci de m'en informer
  (secretaire@april.org) pour que je mette fin à votre adhésion.
  </p>
  </p>

- Il faudrait passer un validateur sur les modèles

Dans le modèle « Relance concernant votre cotisation individuelle à l'April », il y a du texte qui est à la première personne alors que le courriel est signé « L'équipe Vie associative » donc plusieures personnes.

Exemples :

- « N'hésitez pas à me contacter si vous avez des questions ou des remarques. »

- « Je vous invite donc »

- « prévenez-moi pour que je mette en place »

- « pour que je mette fin à votre adhésion. »

- etc.

Il faudrait peut-être remplacer par « N'hésitez pas à nous contacter », « Nous vous invitons », « prévenez-nous pour que nous mettions », « pour que nous mettions fin » etc.

Et faire de même dans les autres templates.
....

Frédéric Couchet a écrit :

Proposition : modifier la couleur des titres des courriels.
Pourquoi ne pas utiliser le bleu April pour le titre des autres courriels et ne garder le rouge que pour les courriels de relance pour les retards de cotisation ?

Benj : OK, fait.

Tu as changé la couleur des titres de tous les courriels qui sont désormais en bleu. C'est évidemment mieux que tous les titres en rouge mais est-il possible que les courriels de relance pour des retards soient en rouge ?

Frédéric Couchet a écrit :

Test de lecture mutt, affichage version html :

le logo ne s'affiche pas, si je fais clic-droit et « Afficher l'image dans un nouvel onglet » j'ai comme message « Impossible d’afficher ce site Web Le site à l’adresse cid:// paraît indisponible. Il est peut-être momentanément inaccessible ou a été déplacé à une autre adresse. Pensez quand même à vérifier le bon fonctionnement de votre connexion à Internet ».

Avec firefox, clic-droit (cid:logo-april.png apparaît dans la barre d'url) et message d'erreur « L’adresse n’a pas été reconnue. Firefox ne sait pas ouvrir cette adresse car l’un des protocoles suivants (cid) n’est associé à aucun programme ou n’est pas autorisé dans ce contexte. Il est peut-être nécessaire d’installer une autre application pour ouvrir ce type d’adresse. »

Mais bon, c'est peut-être lié au fait que j'utilise pas mutt, sauf pour ce test, et qu'il y a peut-être un problème de configuration de mon côté.

Visiblement, mutt ne sait pas gérer les cid: (standard pour insérer des images dans un courriel). Les autres possibilités sont: des liens des images externes (bloqués la plupart des fois), incorporer l'image en base64 (pas mieux) ou pas d'image du tout.

Si tu as enregistré l'HTML et tu l'as ouvert dans firefox, c'est normal vu que cid: est pur mail.

Frédéric Couchet a écrit :

Test avec Emacs 25.2.2/Gnus v5.13 : Gnus affiche bien le contenu en texte les urls sont bien reconnues), et en html (le logo April s'affiche bien).

Le courriel html a un fond blanc pour le texte, l'affichage sous Gnus n'est pas top, voir copie-écran. Mais le problème est peut-être du côté de Gnus.

Oui c'est pas top, c'est dû au fait qu'on a deux tables enchassées l'une dans l'autre (pour des raisons de mise en page) et Gnus se débrouille comme il peut (donc mal).

Frédéric Couchet a écrit :

Passage du validateur https://validator.w3.org/check sur le contenu html du courriel :

Tout est corrigé

Benjamin Drieu a écrit :

Frédéric Couchet a écrit :

Test de lecture mutt, affichage version html :

le logo ne s'affiche pas, si je fais clic-droit et « Afficher l'image dans un nouvel onglet » j'ai comme message « Impossible d’afficher ce site Web Le site à l’adresse cid:// paraît indisponible. Il est peut-être momentanément inaccessible ou a été déplacé à une autre adresse. Pensez quand même à vérifier le bon fonctionnement de votre connexion à Internet ».

Avec firefox, clic-droit (cid:logo-april.png apparaît dans la barre d'url) et message d'erreur « L’adresse n’a pas été reconnue. Firefox ne sait pas ouvrir cette adresse car l’un des protocoles suivants (cid) n’est associé à aucun programme ou n’est pas autorisé dans ce contexte. Il est peut-être nécessaire d’installer une autre application pour ouvrir ce type d’adresse. »

Mais bon, c'est peut-être lié au fait que j'utilise pas mutt, sauf pour ce test, et qu'il y a peut-être un problème de configuration de mon côté.

Visiblement, mutt ne sait pas gérer les cid: (standard pour insérer des images dans un courriel). Les autres possibilités sont: des liens des images externes (bloqués la plupart des fois), incorporer l'image en base64 (pas mieux) ou pas d'image du tout.

Si tu as enregistré l'HTML et tu l'as ouvert dans firefox, c'est normal vu que cid: est pur mail.

ok, laissons ainsi alors.

Benjamin Drieu a écrit :

Frédéric Couchet a écrit :

Passage du validateur https://validator.w3.org/check sur le contenu html du courriel :

Tout est corrigé

super, merci

Benjamin Drieu a écrit :

Frédéric Couchet a écrit :

Proposition : modifier la couleur des titres des courriels.
Pourquoi ne pas utiliser le bleu April pour le titre des autres courriels et ne garder le rouge que pour les courriels de relance pour les retards de cotisation ?

Benj : OK, fait.

Tu as changé la couleur des titres de tous les courriels qui sont désormais en bleu. C'est évidemment mieux que tous les titres en rouge mais est-il possible que les courriels de relance pour des retards soient en rouge ?

Réponse de benj sur irc : j'ai supprimé le titre en fait car c'était une redite avec le sujet du mail

Frédéric Couchet a écrit :

Le champ « Répondre à » des modèles de courriel ne semble pas pris en compte.

Envoi du courriel « Nous avons besoin de votre aide pour animer le stand April aux RMLL » (id=213). Dans le modèle de courriel, le champ "Répondre à" a pour valeur evenements@april.org mais à la réception du courriel le champ Reply-To du courriel n'est pas présent.

Il n'y a pas ce problème avec le même modèle en production.

Il est probable que le problème est valable pour tous les modèles.

réponse de benj sur irc : c'est corrigé