Merge pull request #5268 from betagouv/contact-acessibility

Contact acessibility

app/views/instructeurs/dossiers/_header_actions.html.haml

@@ -1,5 +1,5 @@
 %span.dropdown.print-menu-opener
-  %button.button.dropdown-button.icon-only{ title: 'imprimer' }
+  %button.button.dropdown-button.icon-only{ title: 'imprimer', 'aria-label': 'imprimer' }
     %span.icon.printer
   %ul.print-menu.dropdown-content
     %li

app/views/root/_footer.html.haml

@@ -11,10 +11,10 @@
             et incubé par
             = link_to "beta.gouv.fr", "https://beta.gouv.fr", title: "le site de Beta.gouv.fr"
           %li
-            = link_to "https://numerique.gouv.fr/", title: "DINUM" do
+            = link_to "https://numerique.gouv.fr/", title: "DINUM", 'aria-label': 'DINUM' do
-              %span.footer-logo.footer-logo-dinum{ role: 'img', 'aria-label': 'DINUM' }
+              %span.footer-logo.footer-logo-dinum{ role: 'img' }
-            = link_to "https://beta.gouv.fr", title: "le site de Beta.gouv.fr" do
+            = link_to "https://beta.gouv.fr", title: "le site de Beta.gouv.fr", 'aria-label': 'beta.gouv.fr' do
-              %span.footer-logo.footer-logo-beta-gouv-fr{ role: 'img', 'aria-label': 'beta.gouv.fr' }
+              %span.footer-logo.footer-logo-beta-gouv-fr{ role: 'img' }
             %span.footer-logo.footer-logo-france{ role: 'img', 'aria-label': 'République Française' }
 
       %li.footer-column

app/views/shared/dossiers/_edit.html.haml

@@ -12,7 +12,7 @@
 
     .prologue
       %p.mandatory-explanation
-        Les champs avec un astérisque (
+        Les champs suivis d’un astérisque (
         %span.mandatory> *
         ) sont obligatoires.
       - if dossier.brouillon?

app/views/support/index.html.haml

@@ -6,11 +6,18 @@
   .container
     %h1.new-h1 Contact
 
-    .description
-      Contactez-nous via ce formulaire et nous vous répondrons dans les plus brefs délais.
-      Pensez bien à nous donner le plus d'informations possible pour que nous puissions vous aider au mieux
-
     = form_tag contact_path, method: :post, multipart: true, class: 'form' do |f|
+
+      .description
+        %p
+          Contactez-nous via ce formulaire et nous vous répondrons dans les plus brefs délais.
+          Pensez bien à nous donner le plus d'informations possible pour que nous puissions vous aider au mieux.
+        %br
+        %p.mandatory-explanation
+          Les champs suivis d’un astérisque (
+          %span.mandatory *
+          ) sont obligatoires.
+
       - if !user_signed_in?
         .contact-champ
           = label_tag :email do
@@ -28,7 +35,10 @@
         .card-title
           👉 Notre réponse
         .card-content
-          %p Avez-vous bien vérifié que tous les champs obligatoires (*) sont bien remplis ?
+          %p
+            Avez-vous bien vérifié que tous les champs obligatoires (
+            %span.mandatory *
+            ) sont bien remplis ?
           %p Si vous avez des questions sur les informations à saisir, contactez les services en charge de la démarche.
           %p
             %a{ href: 'https://faq.demarches-simplifiees.fr/article/12-contacter-le-service-en-charge-de-ma-demarche' }
@@ -90,7 +100,7 @@
         = text_area_tag :text, params[:text], rows: 6, required: true
 
       .contact-champ
-        = label_tag :text do
+        = label_tag :piece_jointe do
           Pièce jointe
         %p.notice.hidden{ data: { 'contact-type-only': Helpscout::FormAdapter::TYPE_AMELIORATION } }
           Une capture d’écran peut nous aider à identifier plus facilement l’endroit à améliorer.

app/views/users/dossiers/show/_header.html.haml

@@ -16,7 +16,7 @@
         - if dossier.can_be_updated_by_user? && !current_page?(modifier_dossier_path(dossier))
           = link_to "Modifier mon dossier", modifier_dossier_path(dossier), class: 'button accepted edit-form', 'title'=> "Vous pouvez modifier votre dossier tant qu'il n'est passé en instruction"
         %span.dropdown.print-menu-opener
-          %button.button.dropdown-button.icon-only{ title: 'imprimer' }
+          %button.button.dropdown-button.icon-only{ title: 'imprimer', 'aria-label': 'imprimer' }
             %span.icon.printer
           %ul.print-menu.dropdown-content
             %li