Merge branch 'accessibility' into 'master'

fix: accessibility

See merge request !30

public/index.html

@@ -56,7 +56,7 @@
     <header>
       <nav>
         <a class="main-logo" href="/">
-          <img src="./assets/ecolyo-icon.svg" alt="Ecolyo logo" />
+          <img src="./assets/ecolyo-icon.svg" alt="" />
           Ecolyo
         </a>
         <div class="links">
@@ -96,7 +96,7 @@
             target="_blank"
             class="button robots-nocontent"
           >
-            <img src="assets/ecolyo-shadow.svg" alt="ecolyo-icon" />
+            <img src="assets/ecolyo-shadow.svg" alt="" />
             Se créer un compte
           </a>
         </div>
@@ -115,7 +115,7 @@
         <img
           id="mgl-logo"
           class="mglLogo"
-          alt="Logo Métropole Grand Lyon"
+          alt=""
           src="assets/legal/mglLogo.svg"
         />
       </section>
@@ -198,10 +198,7 @@
               ...
             </p>
             <div class="container-img">
-              <img
-                src="assets/cozy-metropole-de-lyon-shield.svg"
-                alt="logo Cozy Métropole de Lyon"
-              />
+              <img src="assets/cozy-metropole-de-lyon-shield.svg" alt="" />
             </div>
             <p class="xl-text">
               ... un service gratuit de la Métropole de Lyon, pour sécuriser vos
@@ -233,24 +230,15 @@
           </div>
           <div class="screens-container">
             <div class="screen consumption">
-              <img
-                src="assets/screen-1.svg"
-                alt="écran d'un smartphone représentant un diagramme à barre"
-              />
+              <img src="assets/screen-1.svg" alt="" />
               <p><span>Visualiser</span> vos consommations</p>
             </div>
             <div class="screen challenge">
-              <img
-                src="assets/screen-2.svg"
-                alt="écran d'un smartphone représentant une illustration des défis"
-              />
+              <img src="assets/screen-2.svg" alt="" />
               <p><span>Participer</span> à des défis ludiques</p>
             </div>
             <div class="screen ecogesture">
-              <img
-                src="assets/screen-3.svg"
-                alt="écran d'un smartphone représentant une illustration d'un chat avec un parapluie"
-              />
+              <img src="assets/screen-3.svg" alt="" />
               <p><span>Consulter</span> des écogestes utiles</p>
             </div>
           </div>
@@ -271,11 +259,7 @@
                 </p>
               </div>
             </div>
-            <img
-              src="assets/steps/step1.svg"
-              class="steppicture"
-              alt="Connecter vos compteurs"
-            />
+            <img src="assets/steps/step1.svg" class="steppicture" alt="" />
           </div>
           <div class="step">
             <div class="flex">
@@ -290,11 +274,7 @@
                 </p>
               </div>
             </div>
-            <img
-              src="assets/steps/step2.svg"
-              class="steppicture"
-              alt="Donner vos consentements"
-            />
+            <img src="assets/steps/step2.svg" class="steppicture" alt="" />
           </div>
         </div>
         <a
@@ -308,10 +288,7 @@
 
       <section class="cloud-gl" id="cloud">
         <div class="text-content">
-          <img
-            src="assets/cozy-metropole-de-lyon.svg"
-            alt="logo cozy Métropole de Lyon"
-          />
+          <img src="assets/cozy-metropole-de-lyon.svg" alt="" />
           <h2>J'ai déjà un compte</h2>
           <p class="text-18-white">
             Vous avez déjà un compte mais ne savez plus comment y accéder ?
@@ -388,7 +365,7 @@
 
       <div class="info">
         <a href="https://www.grandlyon.com/" target="_blank">
-          <img src="assets/legal/info.svg" alt="" role="presentation" />
+          <img src="assets/legal/info.svg" alt="" />
           Un site de la Métropole de Lyon
         </a>
       </div>