Add alt descriptions for images

app/views/layouts/_new_header.haml

@@ -5,7 +5,7 @@
 
     .flex.align-center
       = link_to root_path, class: "header-logo" do
-        %img{ src: image_url("header/logo-ds.svg") }
+        %img{ src: image_url("header/logo-ds.svg"), alt: "Logo de demarches-simplifiees.fr" }
 
       - if nav_bar_profile == :gestionnaire && gestionnaire_signed_in?
         - current_url = request.path_info

app/views/root/landing.html.haml

@@ -10,27 +10,27 @@
             les démarches administratives
 
         .hero-illustration
-          %img{ :src => image_url("landing/hero/dematerialiser.svg") }
+          %img{ :src => image_url("landing/hero/dematerialiser.svg"), alt: "Un formulaire papier qui rentre dans l'écran d'un ordinateur portable" }
 
   .landing-panel.features-panel
     .container
       %ul.features
         %li.feature
-          %img.feature-image{ :src => image_url("landing/features/messagerie.svg") }
+          %img.feature-image{ :src => image_url("landing/features/messagerie.svg"), alt: "Un phylactère" }
           %p.feature-text
             %em.feature-text-em Dialogue
             %br
             simplifié entre usagers et services
 
         %li.feature
-          %img.feature-image{ :src => image_url("landing/features/collaborer.svg") }
+          %img.feature-image{ :src => image_url("landing/features/collaborer.svg"), alt: "Trois pictogrammes personnes reliées par un cercle" }
           %p.feature-text
             %em.feature-text-em Collaboration
             %br
             pour un traitement des dossiers plus fluide
 
         %li.feature
-          %img.feature-image{ :src => image_url("landing/features/gerer.svg") }
+          %img.feature-image{ :src => image_url("landing/features/gerer.svg"), alt: "Un formulaire dans une fenêtre de navigateur avec un engrenage dans un de ses coins" }
           %p.feature-text
             %em.feature-text-em Intégration
             %br
@@ -40,7 +40,7 @@
     .container
       .role-panel-wrapper.role-administrations-panel
         .role-panel-30.role-administrations-image
-          %img.role-image{ :src => image_url("landing/roles/administrations.svg") }
+          %img.role-image{ :src => image_url("landing/roles/administrations.svg"), alt: "Un formulaire, un engrenage et un signe 'validé' reliés par un cercle" }
 
         .role-panel-70
           %h1.role-panel-title Administrations
@@ -61,7 +61,7 @@
     .container
       .role-panel-wrapper
         .role-panel-30.role-usagers-image
-          %img.role-image{ :src => image_url("landing/roles/usagers.svg") }
+          %img.role-image{ :src => image_url("landing/roles/usagers.svg"), alt: "Un formulaire dans une fenêtre de navigateur avec un philactère en haut à droite un un pictogramme de personne en bas à droite" }
 
         .role-panel-70
           %h1.role-panel-title Usagers
@@ -77,7 +77,7 @@
 
       %ul.quotes
         %li.quote
-          %img.quote-quotation-mark{ :src => image_url("landing/testimonials/quotation-mark.svg") }
+          %img.quote-quotation-mark{ :src => image_url("landing/testimonials/quotation-mark.svg"), alt: "Un guillemet ouvrant" }
           .quote-content-wrapper
             %p.quote-content
               Les échanges avec les usagers sont facilités, ce qui permet de réduire les délais d’instructions et de gagner en efficacité.
@@ -88,7 +88,7 @@
               Chef de bureau, DRIEA Ile-de-France
 
         %li.quote
-          %img.quote-quotation-mark{ :src => image_url("landing/testimonials/quotation-mark.svg") }
+          %img.quote-quotation-mark{ :src => image_url("landing/testimonials/quotation-mark.svg"), alt: "Un guillemet ouvrant" }
           .quote-content-wrapper
             %p.quote-content
               Un service qui garantit une économie de temps et beaucoup moins de manipulations des dossiers.
@@ -100,7 +100,7 @@
 
       %ul.quotes
         %li.quote
-          %img.quote-quotation-mark{ :src => image_url("landing/testimonials/quotation-mark.svg") }
+          %img.quote-quotation-mark{ :src => image_url("landing/testimonials/quotation-mark.svg"), alt: "Un guillemet ouvrant" }
           .quote-content-wrapper
             %p.quote-content
               Parfait, cela fonctionne très bien ! Merci encore pour votre réactivité.
@@ -111,7 +111,7 @@
               à notre service support
 
         %li.quote
-          %img.quote-quotation-mark{ :src => image_url("landing/testimonials/quotation-mark.svg") }
+          %img.quote-quotation-mark{ :src => image_url("landing/testimonials/quotation-mark.svg"), alt: "Un guillemet ouvrant" }
           .quote-content-wrapper
             %p.quote-content
               ★★★★★
@@ -157,36 +157,36 @@
       %ul.users
         %li.user
           %a{ :href => "https://www.ecologique-solidaire.gouv.fr/", :target => "_blank " }
-            %img.user-image{ :src => image_url("landing/users/mtes.jpg") }
+            %img.user-image{ :src => image_url("landing/users/mtes.jpg"), alt: "Logo du Ministère de la Transition Écologique et Solidaire" }
         %li.user
           %a{ :href => "https://www.iledefrance.fr/", :target => "_blank " }
-            %img.user-image{ :src => image_url("landing/users/region-idf.jpg") }
+            %img.user-image{ :src => image_url("landing/users/region-idf.jpg"), alt: "Logo de la région Île-de-France" }
         %li.user
           %a{ :href => "http://www.artisanat.fr/", :target => "_blank " }
-            %img.user-image{ :src => image_url("landing/users/chambres-de-metiers.jpg") }
+            %img.user-image{ :src => image_url("landing/users/chambres-de-metiers.jpg"), alt: "Logo des Chambres des Métiers et de l'Artisanat" }
         %li.user
           %a{ :href => "http://www.cci.fr/", :target => "_blank " }
-            %img.user-image{ :src => image_url("landing/users/cci.jpg") }
+            %img.user-image{ :src => image_url("landing/users/cci.jpg"), alt: "Logo de la CCI de France" }
         %li.user
           %a{ :href => "http://www.driea.ile-de-france.developpement-durable.gouv.fr/", :target => "_blank " }
-            %img.user-image{ :src => image_url("landing/users/driea-idf.jpg") }
+            %img.user-image{ :src => image_url("landing/users/driea-idf.jpg"), alt: "Logo de la Direction Régionale et Interdépartementale de l'Équipement et de l'Aménagement" }
 
       %ul.users
         %li.user
           %a{ :href => "https://www.debatpublic.fr/", :target => "_blank " }
-            %img.user-image{ :src => image_url("landing/users/cndp.jpg") }
+            %img.user-image{ :src => image_url("landing/users/cndp.jpg"), alt: "Logo de la Commission Nationale du Débat Public" }
         %li.user
           %a{ :href => "https://www.iledefrance.ars.sante.fr/", :target => "_blank " }
-            %img.user-image{ :src => image_url("landing/users/ars-idf.jpg") }
+            %img.user-image{ :src => image_url("landing/users/ars-idf.jpg"), alt: "Logo de l'Agence Régionale de Santé d'Île-de-France" }
         %li.user
           %a{ :href => "http://www.franceagrimer.fr/", :target => "_blank " }
-            %img.user-image{ :src => image_url("landing/users/france-agrimer.jpg") }
+            %img.user-image{ :src => image_url("landing/users/france-agrimer.jpg"), alt: "Logo de FranceAgrimer" }
         %li.user
           %a{ :href => "http://www.rhone.gouv.fr/", :target => "_blank " }
-            %img.user-image{ :src => image_url("landing/users/prefecture-rhone.jpg") }
+            %img.user-image{ :src => image_url("landing/users/prefecture-rhone.jpg"), alt: "Logo de la Préfecture de la région Rhône-Alpes" }
         %li.user
           %a{ :href => "http://www.lillemetropole.fr/", :target => "_blank " }
-            %img.user-image{ :src => image_url("landing/users/mel.jpg") }
+            %img.user-image{ :src => image_url("landing/users/mel.jpg"), alt: "Logo de la Métropole Européenne de Lille" }
 
   .landing-panel.cta-panel
     .container