fix(contact): yaml syntax

config/locales/views/support/en.yml

@@ -11,31 +11,28 @@ en:
       procedure_info:
         question: I've encountered a problem while completing my application
         answer_html: "<p>Are you sure that all the mandatory fields (<span class= mandatory> * </span>) are properly filled?
-              <p>If you have questions about the information requested, <a href=%{link_procedure_info}>contact the service in charge of the procedure (FAQ)</a>.</p>"
+              <p>If you have questions about the information requested, <a href=\"%{link_procedure_info}\">contact the service in charge of the procedure (FAQ)</a>.</p>"
       instruction_info:
         question: I have a question about the instruction of my application
-        answer_html: "<p>Si vous avez des questions sur l’instruction de votre dossier (par exemple sur les délais), nous vous invitons à <a href=%{link_instruction_info}>contacter directement les services qui instruisent votre dossier par votre messagerie (FAQ)</a>.</p>
+        answer_html: "<p>If you have questions about the instruction of your application (response delay for example), <a href=\"%{link_instruction_info}\">contact directly the instructor via our mail system (FAQ)</a>.</p>
-        <p>Si vous souhaitez poser une question pour un problème technique sur le site, utilisez le formulaire ci-dessous. Nous ne pourrons pas vous renseigner sur l’instruction de votre dossier.</p>"
-        answer_html: "<p>If you have questions about the instruction of your application (response delay for example), <a href=%{link_instruction_info}>contact directly the instructor via our mail system (FAQ)</a>.</p>
           <p>If you are facing technical issues on the website, use the form below. We will not be able to inform you about the instruction of your application.</p>"
       product:
         question: I have an idea to improve the website
-        answer_html: "<p>Got an idea? <a href=%{link_product}>Please check our enhancement dashboard</a> :</p>
+        answer_html: "<p>Got an idea? <a href=\"%{link_product}\" rel=\"noopener noreferrer\" target=\"_blank\" title=\"Open features dashboard - New tab\">Please check our enhancement dashboard</a> :</p>
               <ul><li>Vote for your priority improvements</li>
               <li>Share your own ideas</li></ul>"
       lost_user:
         question: I am having trouble finding the procedure I am looking for
         answer_html: "<p>We invite you to contact the administration in charge of the procedure so they can provide you the link.
-              It should look like this: %{base_url}/commencer/NOM_DE_LA_DEMARCHE.</p>
+              It should look like this: <code>%{base_url}/commencer/NOM_DE_LA_DEMARCHE</code>.</p>
-              <p>You can <a href=%{link_lost_user}>find here the most popular procedures (licence, detr, etc.)</a>.</p>"
+              <p>You can <a href=\"%{link_lost_user}\">find here the most popular procedures (licence, detr, etc.)</a>.</p>"
       other:
         question: Other topic
     admin:
       your_question: Your question
       admin_intro_html: "<p>As an administration, you can contact us through this form. We'll answer you as quickly as possibly by e-mail or phone.</p>
-      <br>
         <p><strong>Caution, this form is dedicated to public bodies only.</strong>
-      It does not concern individuals, companies nor associations (except those recognised of public utility). If you belong to one of these categories, contact us <a href=%{contact_path}>here</a>.</p>"
+        It does not concern individuals, companies nor associations (except those recognised of public utility). If you belong to one of these categories, contact us <a href=\"%{contact_path}\">here</a>.</p>"
       contact_team: Contact our team
       pro_phone_number: Professional phone number (direct line)
       pro_mail: Professional email address

config/locales/views/support/fr.yml

@@ -11,20 +11,20 @@ fr:
       procedure_info:
         question: J’ai un problème lors du remplissage de mon dossier
         answer_html: "<p>Avez-vous bien vérifié que tous les champs obligatoires (<span class= mandatory> * </span>) sont remplis ?
-        <p>Si vous avez des questions sur les informations à saisir, <a href=%{link_procedure_info}>contactez les services en charge de la démarche (FAQ)</a>.</p>"
+          <p>Si vous avez des questions sur les informations à saisir, <a href=\"%{link_procedure_info}\">contactez les services en charge de la démarche (FAQ)</a>.</p>"
       instruction_info:
         question: J’ai une question sur l’instruction de mon dossier
-        answer_html: "<p>Si vous avez des questions sur l’instruction de votre dossier (par exemple sur les délais), nous vous invitons à <a href=%{link_instruction_info}>contacter directement les services qui instruisent votre dossier par votre messagerie (FAQ)</a>.</p>
+        answer_html: "<p>Si vous avez des questions sur l’instruction de votre dossier (par exemple sur les délais), nous vous invitons à <a href=\"%{link_instruction_info}\">contacter directement les services qui instruisent votre dossier par votre messagerie (FAQ)</a>.</p>
           <p>Si vous souhaitez poser une question pour un problème technique sur le site, utilisez le formulaire ci-dessous. Nous ne pourrons pas vous renseigner sur l’instruction de votre dossier.</p>"
       product:
         question: J’ai une idée d’amélioration pour votre site
-        answer_html: "<p>Une idée ? Pensez à <a href=%{link_product}>consulter notre tableau de bord des améliorations</a> :</p>
+        answer_html: "<p>Une idée ? Pensez à <a href=\"%{link_product}\" rel=\"noopener noreferrer\" target=\"_blank\" title=\"Ouvrir le tableau des évolutions - Nouvel onglet\">consulter notre tableau de bord des améliorations</a> :</p>
           <ul><li>Votez pour vos améliorations prioritaires,</li>
           <li>Proposez votre propre idée.</li></ul>"
       lost_user:
         question: Je ne trouve pas la démarche que je veux faire
-        answer_html: "<p>Nous vous invitons à contacter l’administration en charge de votre démarche pour qu’elle vous indique le lien à suivre. Celui-ci devrait ressembler à cela : %{base_url}/commencer/NOM_DE_LA_DEMARCHE.</p>
+        answer_html: "<p>Nous vous invitons à contacter l’administration en charge de votre démarche pour qu’elle vous indique le lien à suivre. Celui-ci devrait ressembler à cela : <code>%{base_url}/commencer/NOM_DE_LA_DEMARCHE</code>.</p>
-        <p>Vous pouvez aussi <a href=%{link_lost_user}>consulter ici la liste de nos démarches les plus fréquentes (permis, detr etc)</a>.</p>"
+          <p>Vous pouvez aussi <a href=\"%{link_lost_user}\">consulter ici la liste de nos démarches les plus fréquentes (permis, detr etc)</a>.</p>"
       other:
         question: Autre sujet
     admin:
@@ -32,7 +32,7 @@ fr:
       admin_intro_html: "<p>En tant qu’administration, vous pouvez nous contactez via ce formulaire. Nous vous répondrons dans les plus brefs délais, par email ou par téléphone.</p>
         <p><strong>Attention, ce formulaire est réservé uniquement aux organismes publics.</strong>
         Il ne concerne ni les particuliers, ni les entreprises, ni les associations (sauf celles reconnues d’utilité publique). Si c'est votre cas, rendez-vous sur notre
-      <a href=%{contact_path}>formulaire de contact public</a>.</p>"
+        <a href=\"%{contact_path}\">formulaire de contact public</a>.</p>"
       contact_team: Contactez notre équipe
       pro_phone_number: Numéro de téléphone professionnel (ligne directe)
       pro_mail: Adresse e-mail professionnelle