chore: accessibility fixes

public/index.html

@@ -72,6 +72,7 @@
           <a
             href="https://www.grandlyon.com/"
             aria-label="Accéder au site de la métropole de Lyon"
+            title="Accéder au site de la métropole de Lyon (nouvel onglet)"
             target="_blank"
           >
             <img src="./assets/legal/mglLogo.svg" alt="" />
@@ -89,12 +90,14 @@
           <a
             class="external-link nav-sign-in"
             href="https://manager.cozygrandlyon.cloud/v2/grdlyon/login"
+            title="Se connecter à Ecolyo (nouvel onglet)"
             >Se connecter
             <img src="assets/launch.svg" alt="" />
           </a>
           <a
             class="external-link nav-sign-up"
             href="https://manager.cozygrandlyon.cloud/v2/grdlyon/ecolyo"
+            title="Créer un compte Ecolyo (nouvel onglet)"
             >Se créer un compte <img src="assets/launch-black.svg" alt=""
           /></a>
         </div>
@@ -121,6 +124,7 @@
                   href="https://manager.cozygrandlyon.cloud/grdlyon/onboarding_ecolyo"
                   target="_blank"
                   class="sign-up robots-nocontent"
+                  title="Créer un compte Ecolyo (nouvel onglet)"
                 >
                   Créer un compte
                   <img src="assets/launch-black.svg" alt="" />
@@ -129,6 +133,7 @@
                   href="https://manager.cozygrandlyon.cloud/v2/grdlyon/login"
                   target="_blank"
                   class="sign-in robots-nocontent"
+                  title="Se connecter à Ecolyo (nouvel onglet)"
                 >
                   Connectez vous&nbsp;!
                   <img src="assets/launch.svg" alt="" />
@@ -337,7 +342,7 @@
         <div class="splide" aria-label="Articles parlant d'Ecolyo">
           <div class="splide__track">
             <div class="splide__list">
-              <div class="splide__slide">
+              <div class="splide__slide" aria-label="Article 1 sur 5">
                 <a
                   href="https://www.alec-lyon.org/ecolyo-mes-consommations-denergie-et-deau-a-portee-de-main/"
                   target="_blank"
@@ -348,7 +353,7 @@
                   />
                 </a>
               </div>
-              <div class="splide__slide">
+              <div class="splide__slide" aria-label="Article 2 sur 5">
                 <a
                   href="https://www.eaudugrandlyon.com/voir-actualite.aspx?ida=145"
                   target="_blank"
@@ -359,7 +364,7 @@
                   />
                 </a>
               </div>
-              <div class="splide__slide">
+              <div class="splide__slide" aria-label="Article 3 sur 5">
                 <a
                   href="https://www.bfmtv.com/lyon/replay-emissions/bonsoir-lyon/chauffage-eau-chaude-appareils-trois-conseils-pour-reduire-sa-facture-d-electricite_VN-202401220761.html"
                   target="_blank"
@@ -370,7 +375,7 @@
                   />
                 </a>
               </div>
-              <div class="splide__slide">
+              <div class="splide__slide" aria-label="Article 4 sur 5">
                 <a
                   href="https://tribunedelyon.fr/economie/energie-le-grand-lyon-lance-une-appli-pour-piloter-sa-consommation/"
                   target="_blank"
@@ -381,7 +386,7 @@
                   />
                 </a>
               </div>
-              <div class="splide__slide">
+              <div class="splide__slide" aria-label="Article 5 sur 5">
                 <a
                   href="https://www.grdf.fr/institutionnel/actualite/newsroom/liste/communiques-presse/1er-data-challenge-2020"
                   target="_blank"
@@ -421,8 +426,10 @@
             href="https://www.facebook.com/sharer/sharer.php?u=https://ecolyo.com"
             aria-label="Facebook"
             target="_blank"
+            title="Partager sur Facebook (nouvel onglet)"
           >
             <svg
+              aria-hidden="true"
               width="22"
               height="22"
               viewBox="0 0 22 22"
@@ -441,8 +448,10 @@
             href="https://twitter.com/intent/tweet?url=⚡ J’utilise Ecolyo, l'application gratuite développée par la Métropole de Lyon, pour suivre et réduire mes consommations d'eau et d’énergie. Et toi tu fais quoi ? 👉https://ecolyo.com/"
             aria-label="X"
             target="_blank"
+            title="Partager sur Twitter (nouvel onglet)"
           >
             <svg
+              aria-hidden="true"
               width="22"
               height="22"
               viewBox="0 0 22 22"
@@ -459,8 +468,10 @@
             href="https://www.instagram.com/?url=https://ecolyo.com"
             aria-label="Instagram"
             target="_blank"
+            title="Partager sur Instagram (nouvel onglet)"
           >
             <svg
+              aria-hidden="true"
               xmlns="http://www.w3.org/2000/svg"
               width="22"
               height="22"
@@ -489,8 +500,10 @@
             href="https://www.linkedin.com/shareArticle?mini=true&url=https://ecolyo.com&title=Electricité, gaz, eau : Ecolyo l'appli pour réduire ses consos à Lyon"
             aria-label="Linkedin"
             target="_blank"
+            title="Partager sur Linkedin (nouvel onglet)"
           >
             <svg
+              aria-hidden="true"
               width="40"
               height="41"
               viewBox="0 0 40 41"