Merge pull request #1233 from StartupsPoleEmploi/dev

MEP: feat:accessibilite
StartupsPoleEmploi · Jul 22, 2024 · 566e318 · 566e318
2 parents 6a8895c + c1835a3
commit 566e318
Show file tree

Hide file tree

Showing 155 changed files with 2,092 additions and 1,211 deletions.
diff --git a/backend/config/regions.json b/backend/config/regions.json
@@ -75,7 +75,7 @@
     }
   },
   {
-    "nom": "Bourgogne-Franche-Comté",
+    "nom": "Région Bourgogne-Franche-Comté",
     "active": true,
     "since": "2017-09-01",
     "codeRegion": "27",
@@ -130,12 +130,12 @@
     },
     "carif": {
       "active": true,
-      "nom": "Emfor",
+      "nom": "Emfor Bourgogne-Franche-Comté",
       "url": "http://www.emfor-bfc.org/"
     }
   },
   {
-    "nom": "Bretagne",
+    "nom": "Région Bretagne",
     "active": true,
     "since": "2018-05-01",
     "codeRegion": "53",
@@ -389,7 +389,7 @@
     }
   },
   {
-    "nom": "Hauts-de-France",
+    "nom": "Région Hauts-de-France",
     "active": true,
     "since": "2018-05-27",
     "codeRegion": "32",
@@ -431,7 +431,7 @@
     },
     "carif": {
       "active": true,
-      "nom": "C2RP",
+      "nom": "C2RP Orientation Formation Emploi Carif-Oref Hauts-de-France",
       "url": "http://www.c2rp.fr/"
     }
   },
@@ -490,7 +490,7 @@
     },
     "carif": {
       "active": true,
-      "nom": "Défi Métiers",
+      "nom": "Défi Métiers - île-de-France",
       "url": "https://www.defi-metiers.fr/"
     }
   },
@@ -577,7 +577,8 @@
       "import": "all"
     },
     "carif": {
-      "active": false
+      "active": false,
+      "nom": "Collectivité Territoriale de Martinique"
     }
   },
   {
@@ -700,7 +701,7 @@
     }
   },
   {
-    "nom": "Occitanie",
+    "nom": "La region Occitanie Pyrénées - Méditerranée",
     "active": true,
     "since": "2018-06-01",
     "codeRegion": "76",
@@ -777,7 +778,7 @@
     }
   },
   {
-    "nom": "Pays de la Loire",
+    "nom": "Région Pays de la Loire",
     "active": true,
     "since": "2017-07-01",
     "codeRegion": "52",
@@ -819,7 +820,7 @@
     },
     "carif": {
       "active": true,
-      "nom": "Orientation Pays de la Loire",
+      "nom": "Choisir mon metier en Pays de la Loire",
       "url": "http://www.orientation-paysdelaloire.fr/"
     }
   },

diff --git a/backend/src/core/components/emails/accounts/footer.mjml.ejs b/backend/src/core/components/emails/accounts/footer.mjml.ejs
@@ -2,7 +2,7 @@
     <mj-column>
         <mj-text>
             <div class="text-tertiary">
-                <h4>Protection des données à caractère personnel</h4>
+                <h2>Protection des données à caractère personnel</h2>
                 <p>France Travail, en tant que responsable du traitement, utilise vos données pour délivrer le service décrit à l’article 1 [des mentions légales] . Elles peuvent également être utilisées pour des finalités statistiques et d’amélioration du service. </p>
                 <p>La base juridique de ce traitement est la mission d’intérêt public que le service permet d’exécuter en application de l’article L. 5312-1 du code du travail.</p>
                 <p>Vos données sont destinées à être transmises aux administrateurs du site.</p>

diff --git a/backend/src/core/components/emails/accounts/forgottenPasswordEmail.mjml.ejs b/backend/src/core/components/emails/accounts/forgottenPasswordEmail.mjml.ejs
@@ -1,5 +1,5 @@
 <mjml>
-    <%- include('../common/head.mjml.ejs'); %>
+    <%- include('../common/head.mjml.ejs', { titre: "Votre renouvellement de mot de passe" }); %>
 
     <mj-body background-color="#f0f0f0">
 

diff --git a/backend/src/core/components/emails/common/contact.mjml.ejs b/backend/src/core/components/emails/common/contact.mjml.ejs
@@ -1,7 +1,7 @@
 <mj-section padding-top="0">
     <mj-column>
         <mj-text css-class="text-secondary">
-            Si vous avez une question
+            <p>Si vous avez une question</p>
         </mj-text>
 
         <mj-button

diff --git a/backend/src/core/components/emails/common/head.mjml.ejs b/backend/src/core/components/emails/common/head.mjml.ejs
@@ -1,4 +1,5 @@
 <mj-head>
+    <mj-title><%= titre %> | Anotéa</mj-title>
     <mj-font name="Lato" href="https://fonts.googleapis.com/css?family=Lato" />
     <mj-attributes>
         <mj-all align="center" />
@@ -20,15 +21,22 @@
 
         .text-secondary div {
         font-size: 14px !important;
-        line-height: 18px !important;
-        opacity: 0.6 !important;
+        line-height: 18px !important;        
         }
 
         .text-tertiary div {
         font-size: 12px !important;
         line-height: 16px !important;
         }
 
+        .text-tertiary h2 {
+        font-size: 16px !important;
+        }
+
+        p{
+            margin:0;
+        }
+
         .text-highlighted div {
         color: #F28017 !important;
         font-weight: bold !important;

diff --git a/backend/src/core/components/emails/common/header.mjml.ejs b/backend/src/core/components/emails/common/header.mjml.ejs
@@ -2,30 +2,26 @@
 <mj-section padding-top="0" padding-left="0" padding-bottom="0" border-radius="5px" background-color="#fff">
     <mj-group>
         <mj-column vertical-align="middle" width="15%">
-            <mj-image align="left" padding-left="10px" width="70px" 
+            <mj-image align="left" padding-left="10px" width="70px" alt="République française - liberté égalité fraternité"
                       src="<%= utils.getPublicUrl('/static/images/Republique_Francaise_RVB.png') %>" />
         </mj-column>
         <mj-column vertical-align="middle" width="25%">
-            <mj-image align="left" padding-left="10px" width="132px" alt="Logo Anotéa"
+            <mj-image align="left" padding-left="10px" width="132px" alt="Anotéa France Travail"
                       src="<%= utils.getPublicUrl('/static/images/logo_Anotea_Horizontal_baseline.png') %>" />
         </mj-column>
-        <mj-column vertical-align="middle" width="20%">
-            <mj-text>
-                &nbsp;
-            </mj-text>
-        </mj-column>
+        <mj-column vertical-align="middle" width="20%"></mj-column>
         <% if (showConseilRegional) { %>
             <mj-column vertical-align="middle" width="20%" border-right="1px solid #F4F4F5">
-                <mj-image padding-right="5px" width="110px" alt="Logo France Travail"
+                <mj-image padding-right="5px" width="110px" alt="France Travail"
                           src="<%= utils.getPublicUrl('/static/images/logo-ft-horizontal.svg') %>" />
             </mj-column>
             <mj-column vertical-align="middle" width="20%">
-                <mj-image width="70px" alt="Logo Region"
+                <mj-image width="70px" alt="<%= `${region.nom}` %>"
                           src="<%= utils.getPublicUrl(`/static/images/regions/conseil-regional-${region.codeRegion}.png`) %>" />
             </mj-column>
         <% } else{ %>
             <mj-column vertical-align="middle" width="40%">
-                <mj-image width="110px" align="right" alt="Logo France Travail"
+                <mj-image width="110px" align="right" alt="France Travail"
                           src="<%= utils.getPublicUrl('/static/images/logo-ft-horizontal.svg') %>" />
             </mj-column>
         <% } %>

diff --git a/backend/src/core/components/emails/common/signature.mjml.ejs b/backend/src/core/components/emails/common/signature.mjml.ejs
@@ -1,7 +1,7 @@
 <mj-text css-class="text-secondary" padding-bottom="0">
-    Cordialement.
+    <p>Cordialement.</p>
 </mj-text>
 
 <mj-text css-class="text-secondary" padding-top="0">
-    L'équipe Anotéa.
+    <p>L'équipe Anotéa.</p>
 </mj-text>
diff --git a/backend/src/core/components/emails/mailer.js b/backend/src/core/components/emails/mailer.js
@@ -53,7 +53,7 @@ module.exports = (configuration, regions) => {
                 templateName,
                 utils: { moment, ...utils },
             });
-            return mjml(mjmlTemplate, { minify: true }).html;
+            return mjml(mjmlTemplate).html;
         },
         createRegionalMailer: region => {
             return {

diff --git a/backend/src/core/components/emails/organismes/activationCompteEmail.mjml.ejs b/backend/src/core/components/emails/organismes/activationCompteEmail.mjml.ejs
@@ -1,5 +1,5 @@
 <mjml>
-    <%- include('../common/head.mjml.ejs'); %>
+    <%- include('../common/head.mjml.ejs', { titre: "83% des internautes tiennent compte des avis pour faire leur choix" }); %>
 
     <mj-body background-color="#f0f0f0">
 

diff --git a/backend/src/core/components/emails/organismes/avisNotificationEmail.mjml.ejs b/backend/src/core/components/emails/organismes/avisNotificationEmail.mjml.ejs
@@ -1,5 +1,5 @@
 <mjml>
-    <%- include('../common/head.mjml.ejs'); %>
+    <%- include('../common/head.mjml.ejs', { titre: "Vos anciens stagiaires ont donné leur avis sur leur formation." }); %>
 
     <mj-body background-color="#f0f0f0">
 

diff --git a/backend/src/core/components/emails/organismes/avisReportedCanceledEmail.mjml.ejs b/backend/src/core/components/emails/organismes/avisReportedCanceledEmail.mjml.ejs
@@ -1,5 +1,5 @@
 <mjml>
-    <%- include('../common/head.mjml.ejs'); %>
+    <%- include('../common/head.mjml.ejs', { titre: "Avis signalé dans votre Espace Anotéa" }); %>
 
     <mj-body background-color="#f0f0f0">
 

diff --git a/backend/src/core/components/emails/organismes/avisReportedConfirmedEmail.mjml.ejs b/backend/src/core/components/emails/organismes/avisReportedConfirmedEmail.mjml.ejs
@@ -1,5 +1,5 @@
 <mjml>
-    <%- include('../common/head.mjml.ejs'); %>
+    <%- include('../common/head.mjml.ejs', { titre: "Avis signalé dans votre Espace Anotéa" }); %>
 
     <mj-body background-color="#f0f0f0">
 

diff --git a/backend/src/core/components/emails/organismes/footer.mjml.ejs b/backend/src/core/components/emails/organismes/footer.mjml.ejs
@@ -2,7 +2,7 @@
     <mj-column>
         <mj-text>
             <div class="text-tertiary">
-                <h4>Protection des données à caractère personnel</h4>
+                <h2>Protection des données à caractère personnel</h2>
                 <p>France Travail, en tant que responsable du traitement, utilise vos données pour délivrer le service décrit à l’article 1 [des mentions légales] . Elles peuvent également être utilisées pour des finalités statistiques et d’amélioration du service. </p>
                 <p>La base juridique de ce traitement est la mission d’intérêt public que le service permet d’exécuter en application de l’article L. 5312-1 du code du travail.</p>
                 <p>Vos données sont destinées à être transmises aux administrateurs du site.</p>
@@ -12,12 +12,12 @@
         </mj-text>
         <mj-text>
             <div class="text-tertiary">
-                Si vous ne parvenez pas à lire ce mail,
+                <p>Si vous ne parvenez pas à lire ce mail,
                 <a href="<%= utils.getConsultationLink('organismes', templateName, organisme.token, locals.avis ? avis.token : null) %>"
                    target="_blank"
                    class="link">
                     cliquez-ici
-                </a>
+                </a></p>
             </div>
         </mj-text>
     </mj-column>

diff --git a/backend/src/core/components/emails/organismes/questionnaireOrganismeEmail.mjml.ejs b/backend/src/core/components/emails/organismes/questionnaireOrganismeEmail.mjml.ejs
@@ -1,5 +1,5 @@
 <mjml>
-    <%- include('../common/head.mjml.ejs'); %>
+    <%- include('../common/head.mjml.ejs', { titre: "Aidez-nous à améliorer Anotéa" }); %>
 
     <mj-body background-color="#f0f0f0">
 

diff --git a/backend/src/core/components/emails/organismes/reponseRejectedEmail.mjml.ejs b/backend/src/core/components/emails/organismes/reponseRejectedEmail.mjml.ejs
@@ -1,5 +1,5 @@
 <mjml>
-    <%- include('../common/head.mjml.ejs'); %>
+    <%- include('../common/head.mjml.ejs', { titre: "Votre réponse n'a pas été prise en compte" }); %>
 
     <mj-body background-color="#f0f0f0">
 

diff --git a/backend/src/core/components/emails/stagiaires/avisRejectedAlerteEmail.mjml.ejs b/backend/src/core/components/emails/stagiaires/avisRejectedAlerteEmail.mjml.ejs
@@ -1,5 +1,5 @@
 <mjml>
-    <%- include('../common/head.mjml.ejs'); %>
+    <%- include('../common/head.mjml.ejs', { titre: "Nous avons bien pris en compte votre commentaire" }); %>
 
     <mj-body background-color="#f0f0f0">
 

diff --git a/backend/src/core/components/emails/stagiaires/avisRejectedInjureEmail.mjml.ejs b/backend/src/core/components/emails/stagiaires/avisRejectedInjureEmail.mjml.ejs
@@ -1,5 +1,5 @@
 <mjml>
-    <%- include('../common/head.mjml.ejs'); %>
+    <%- include('../common/head.mjml.ejs',{ titre: "Votre commentaire a été rejeté" }); %>
 
     <mj-body background-color="#f0f0f0">
 

diff --git a/backend/src/core/components/emails/stagiaires/avisStagiaireEmail.mjml.ejs b/backend/src/core/components/emails/stagiaires/avisStagiaireEmail.mjml.ejs
@@ -1,6 +1,6 @@
 <% const showCarif = region.carif.active; %>
 <mjml>
-    <%- include('../common/head.mjml.ejs'); %>
+    <%- include('../common/head.mjml.ejs', { titre: "Donnez-nous votre avis en 1 minute" }); %>
 
     <mj-body background-color="#f0f0f0">
 
@@ -10,13 +10,15 @@
             <mj-section padding-bottom="0">
                 <mj-column>
                     <mj-text css-class="text-primary">
-                        Donnez-nous votre avis en 1 minute.
+                       <h1 style="font-size: 24px;">Donnez-nous votre avis en 1 minute.</h1>
                     </mj-text>
                     <mj-text css-class="text-secondary">
-                        Vous avez suivi la formation de <%= stagiaire.formation.intitule %>
-                        du <%= utils.moment(stagiaire.formation.action.session.periode.debut).format('DD/MM/YYYY') %>
-                        au <%= utils.moment(stagiaire.formation.action.session.periode.fin).format('DD/MM/YYYY') %>
-                        à <%= stagiaire.formation.action.organisme_formateur.raison_sociale %>.
+                        <p>
+                            Vous avez suivi la formation de <%= stagiaire.formation.intitule %>
+                            du <%= utils.moment(stagiaire.formation.action.session.periode.debut).format('DD/MM/YYYY') %>
+                            au <%= utils.moment(stagiaire.formation.action.session.periode.fin).format('DD/MM/YYYY') %>
+                            à <%= stagiaire.formation.action.organisme_formateur.raison_sociale %>.
+                        </p>
                     </mj-text>
 
                     <mj-button
@@ -28,48 +30,48 @@
                         Evaluer ma formation
                     </mj-button>
 
-                    <mj-divider border-width="2px" border-color="#F4F4F5" />
+                    <mj-divider border-width="2px" border-color="#F4F4F5" role="none" aria-hidden="true"/>
                 </mj-column>
             </mj-section>
 
             <mj-section padding-top="0" padding-bottom="0">
                 <mj-column>
                     <mj-text font-size="16px" font-weight="bold">
-                        100% anonyme
+                        <h2 style="font-size: 16px;margin: initial;">100% anonyme</h2>
                     </mj-text>
                     <mj-text css-class="text-secondary">
-                        Cet avis est totalement anonyme.
+                        <p>Cet avis est totalement anonyme.</p>
                     </mj-text>
 
                     <mj-text font-size="16px" font-weight="bold">
-                        Participer à l'amélioration des formations
+                        <h2 style="font-size: 16px;margin: initial;">Participer à l'amélioration des formations</h2>
                     </mj-text>
                     <mj-text css-class="text-secondary">
-                        Donnez des retours directs aux centres de formation ainsi qu'à France Travail.
+                        <p>Donnez des retours directs aux centres de formation ainsi qu'à France Travail.</p>
                     </mj-text>
                 </mj-column>
             </mj-section>
 
             <mj-section padding-top="0">
                 <mj-column>
                     <mj-text font-size="16px" font-weight="bold">
-                        Aider les prochains à faire le bon choix
+                        <h2 style="font-size: 16px;margin: initial;">Aider les prochains à faire le bon choix</h2>
                     </mj-text>
                     <mj-text css-class="text-secondary">
-                        Votre avis sera publié sur plusieurs plateformes.
+                        <p>Votre avis sera publié sur plusieurs plateformes.</p>
                     </mj-text>
                 </mj-column>
             </mj-section>
 
             <mj-section padding-top="0" padding-left="70px" padding-right="70px" >
                 <mj-column vertical-align="middle">
-                    <mj-image align="center" width="200%" alt="Logo France Travail"
+                    <mj-image align="center" width="200%" alt="République française - liberté égalité fraternité France Travail"
                               src="<%= utils.getPublicUrl('/static/images/Bloc_Marque_RF_France_Travail_RVB_Horizontal_Coul_Positif.png') %>" />
                 </mj-column>
 
                 <% if (showCarif) { %>
                     <mj-column vertical-align="middle">
-                        <mj-image align="center" width="100%" alt="Logo Carif"
+                        <mj-image align="center" width="100%" alt="<%= `${region.carif.nom}` %>"
                                   src="<%= utils.getPublicUrl(`/static/images/regions/carif-${region.codeRegion}.png`) %>" />
                     </mj-column>
                 <% } %>

diff --git a/backend/src/core/components/emails/stagiaires/footer.mjml.ejs b/backend/src/core/components/emails/stagiaires/footer.mjml.ejs
@@ -2,7 +2,7 @@
     <mj-column>
         <mj-text>
             <div class="text-tertiary">
-                <h4>Protection des données à caractère personnel</h4>
+                <h2>Protection des données à caractère personnel</h2>
                 <p>France Travail, en tant que responsable du traitement, utilise vos données pour délivrer le service décrit à l’article 1 [des mentions légales] . Elles peuvent également être utilisées pour des finalités statistiques et d’amélioration du service. </p>
                 <p>La base juridique de ce traitement est la mission d’intérêt public que le service permet d’exécuter en application de l’article L. 5312-1 du code du travail.</p>
                 <p>Vos données sont destinées à être transmises aux administrateurs du site.</p>
@@ -18,11 +18,11 @@
         </mj-text>
         <mj-text>
             <div class="text-tertiary">
-                Si vous ne parvenez pas à lire ce mail,
+                <p>Si vous ne parvenez pas à lire ce mail,
                 <a href="<%= utils.getConsultationLink('stagiaires', templateName, stagiaire.token) %>"
                    target="_blank" class="link">
                     cliquez-ici
-                </a>
+                </a></p>
             </div>
         </mj-text>
     </mj-column>

diff --git a/backend/src/core/components/emails/stagiaires/questionnaire6MoisEmail.mjml.ejs b/backend/src/core/components/emails/stagiaires/questionnaire6MoisEmail.mjml.ejs
@@ -1,5 +1,5 @@
 <mjml>
-    <%- include('../common/head.mjml.ejs'); %>
+    <%- include('../common/head.mjml.ejs', { titre: "6 mois après votre formation où en êtes vous ?" }); %>
 
     <mj-body background-color="#f0f0f0">