feat(content): alt for every image

1 files changed, 75 insertions, 48 deletions

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 2c3141b..4a23a70 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -18,17 +18,41 @@ import Base from "../layout/Base.astro";
   <main>
     <section class="batteur" data-scroll>
       <MosaicBackground height="400">
-        <img src="/batteur/old2.webp" />
-        <img src="/batteur/old3.jpg" />
+        <img
+          src="/batteur/old2.webp"
+          alt="Arnaud Hergès jeune derrière une batterie sur un fond noir"
+        />
+        <img
+          src="/batteur/old3.jpg"
+          alt="Arnaud Hergès jeune derrière une batterie sur un fond noir avec un filtre sépia"
+        />
         <VideoAuto src="/batteur/video/bb.webm" thumb="/batteur/bb.webp" />
-        <img src="/batteur/dark_scene.webp" />
+        <img
+          src="/batteur/dark_scene.webp"
+          alt="Arnaud Hergès sur une scène sombre en train de jouer"
+        />
         <VideoAuto src="/batteur/video/balance.webm" thumb="/batteur/balance.webp" />
-        <img src="/batteur/black_and_white.webp" />
-        <img src="/batteur/old.webp" />
-        <img src="/batteur/mid_rock.webp" />
-        <img src="/batteur/mid_outdoor.webp" />
-        <img src="/batteur/mid_rock2.webp" />
-        <img src="/batteur/recent.webp" />
+        <img
+          src="/batteur/black_and_white.webp"
+          alt="Arnaud Hergès en studio d'enregistrement sur sa batterie"
+        />
+        <img src="/batteur/old.webp" alt="Arnaud Hergès jeune derrière sa batterie" />
+        <img
+          src="/batteur/mid_rock.webp"
+          alt="Arnaud Hergès sur scène en train de jouer sur sa batterie"
+        />
+        <img
+          src="/batteur/mid_outdoor.webp"
+          alt="Arnaud Hergès derrière sa batterie sur une scène extérieure"
+        />
+        <img
+          src="/batteur/mid_rock2.webp"
+          alt="Arnaud Hergès en train de jouer de la batterie sur un fond bleu"
+        />
+        <img
+          src="/batteur/recent.webp"
+          alt="Arnaud Hergès en train de jouer de la batterie en extérieur"
+        />
         <VideoAuto src="/batteur/video/solo.webm" thumb="/batteur/solo.webp" />
       </MosaicBackground>
       <div class="content">
@@ -82,50 +106,53 @@ import Base from "../layout/Base.astro";
               </p>
             </div>
           </div>
-          <img src="/producteur.webp" />
+          <img src="/producteur.webp" alt="Le studio Entrée Sortie Production d'Arnaud Hergès" />
         </div>
       </div>
     </section>
     <section class="ref" data-scroll>
       <MosaicBackground height="300">
-        <img src="/ref/angie.webp" />
-        <img src="/ref/apanapana_records.webp" />
-        <img src="/ref/arte.webp" />
-        <img src="/ref/bb2.webp" />
-        <img src="/ref/bvs.webp" />
-        <img src="/ref/charlotte.webp" />
-        <img src="/ref/compagnie_imaginaire.webp" />
-        <img src="/ref/complice_music.webp" />
-        <img src="/ref/divine_acajou.webp" />
-        <img src="/ref/epsilon_escape.webp" />
-        <img src="/ref/violet_dreams.webp" />
-        <img src="/ref/green_warrior.webp" />
-        <img src="/ref/indigo.webp" />
-        <img src="/ref/havas_event.webp" />
-        <img src="/ref/if_de_minuit.webp" />
-        <img src="/ref/juliette.webp" />
-        <img src="/ref/l_oreal.webp" />
-        <img src="/ref/lio.webp" />
-        <img src="/ref/lunii.webp" />
-        <img src="/ref/lvmh.webp" />
-        <img src="/ref/onb.webp" />
-        <img src="/ref/mediawan.webp" />
-        <img src="/ref/nouvelle_samaritaine.webp" />
-        <img src="/ref/musicbox.webp" />
-        <img src="/ref/origins.webp" />
-        <img src="/ref/papooses.webp" />
-        <img src="/ref/paradoxes.webp" />
-        <img src="/ref/steel_division_normandy_44.webp" />
-        <img src="/ref/prodjv.webp" />
-        <img src="/ref/superchild.webp" />
-        <img src="/ref/sybel.webp" />
-        <img src="/ref/talia1.webp" />
-        <img src="/ref/talia2.webp" />
-        <img src="/ref/ulicoys.webp" />
-        <img src="/ref/virtuel_audio.webp" />
-        <img src="/ref/france_tv.webp" />
-        <img src="/ref/virgin_music.webp" />
-        <img src="/ref/wtpl.webp" />
+        <img src="/ref/angie.webp" alt="Logo d'Angie" />
+        <img src="/ref/apanapana_records.webp" alt="Logo d'Apanapana Records" />
+        <img src="/ref/arte.webp" alt="Logo d'Arte" />
+        <img src="/ref/bb2.webp" alt="Cover de Disco de Bikini Boxon" />
+        <img src="/ref/bvs.webp" alt="Logo de BVS" />
+        <img src="/ref/charlotte.webp" alt="Photo de Charlotte" />
+        <img src="/ref/compagnie_imaginaire.webp" alt="Logo de la Compagnie imaginaire" />
+        <img src="/ref/complice_music.webp" alt="Logo de Complice music" />
+        <img src="/ref/divine_acajou.webp" alt="Cover de Divine Acajou" />
+        <img src="/ref/epsilon_escape.webp" alt="Salle d'accueil d'Epsilon Escape" />
+        <img src="/ref/violet_dreams.webp" alt="Cover de Violet Dreams" />
+        <img src="/ref/green_warrior.webp" alt="Cover de Green Warrior de Zamalty" />
+        <img src="/ref/indigo.webp" alt="Cover de Parades d'Indigo" />
+        <img src="/ref/havas_event.webp" alt="Logo d'Havas Event" />
+        <img src="/ref/if_de_minuit.webp" alt="Cover d'If de Minuit" />
+        <img src="/ref/juliette.webp" alt="Cover du Festion de Juliette" />
+        <img src="/ref/l_oreal.webp" alt="Logo de L'Oréal" />
+        <img src="/ref/lio.webp" alt="Cover de « dîtes au prince charmant » de Lio" />
+        <img src="/ref/lunii.webp" alt="Logo de Lunii" />
+        <img src="/ref/lvmh.webp" alt="Logo de LVMH" />
+        <img src="/ref/onb.webp" alt="Affiche de l'Orchestre National de Barbes" />
+        <img src="/ref/mediawan.webp" alt="Logo de Mediawan" />
+        <img src="/ref/nouvelle_samaritaine.webp" alt="Illustration de la Nouvelle Samaritaine" />
+        <img src="/ref/musicbox.webp" alt="Logo de Musicbox" />
+        <img src="/ref/origins.webp" alt="Logo d'Origins" />
+        <img src="/ref/papooses.webp" alt="Page Sybel d'Histoire de Papooses" />
+        <img src="/ref/paradoxes.webp" alt="Cover de Rock'n'Roll de Paradoxes" />
+        <img
+          src="/ref/steel_division_normandy_44.webp"
+          alt="Bannière de Steel Division: Normandy 44"
+        />
+        <img src="/ref/prodjv.webp" alt="Logo de la Prod JV" />
+        <img src="/ref/superchild.webp" alt="Cover de It's a sign de Superchild" />
+        <img src="/ref/sybel.webp" alt="Logo de Sybel" />
+        <img src="/ref/talia1.webp" alt="Cover de Permanent Midlife Crisis de Talia" />
+        <img src="/ref/talia2.webp" alt="Cover de Thugs they look like angels de Talia" />
+        <img src="/ref/ulicoys.webp" alt="Cover de Back to the 70s' de Ulicoys" />
+        <img src="/ref/virtuel_audio.webp" alt="Logo de Virtuel Audio" />
+        <img src="/ref/france_tv.webp" alt="Logo de France TV" />
+        <img src="/ref/virgin_music.webp" alt="Logo de Virgin Music" />
+        <img src="/ref/wtpl.webp" alt="Logo de WTPL Music" />
       </MosaicBackground>
       <div class="content">
         <div class="content__header">