Add alt & title to img carousel

components/carousel.js

@@ -14,56 +14,56 @@ export default function Carousel({handleOpen, setHandleOpen, isMobile}) {
       onStart={() => setHandleOpen(false)}
     >
       <Slide
-        media={<img src='/logo-192x110.png' />}
+        media={<img alt='logo' title='' src='/logo-192x110.png' />}
         mediaBackgroundStyle={{backgroundColor: grey[900]}}
         style={{backgroundColor: grey[800]}}
         title='Bienvenue'
         subtitle='Voici un rapide tour d’horizon de ce que nous proposons'
       />
       <Slide
-        media={<img src='/awtis.JPG' />}
+        media={<img alt='awtis' title='awtis' src='/awtis.JPG' />}
         mediaBackgroundStyle={{backgroundColor: red[400]}}
         style={{backgroundColor: red[600]}}
         title='La page "Awtis"'
         subtitle='Liste les différents artistes par ordre alphabétique.'
       />
       <Slide
-        media={<img src='/admiral.JPG' />}
+        media={<img alt='admiral T bio' title='admiral T bio' src='/admiral.JPG' />}
         mediaBackgroundStyle={{backgroundColor: green[400]}}
         style={{backgroundColor: green[600]}}
         title='Biographie'
         subtitle='Disponible en cliquant sur l’artiste. Vous pourrez également consulter ses "teks" via l’icône à côté de son nom.'
       />
       <Slide
-        media={<img src='/admiral-teks.JPG' />}
+        media={<img alt='admiral T teks' title='admiral T teks' src='/admiral-teks.JPG' />}
         mediaBackgroundStyle={{backgroundColor: grey[900]}}
         style={{backgroundColor: grey[800]}}
         title='Liste des "tèks"'
         subtitle='Disponible en cliquant sur la flèche en dessous de la photo.'
       />
       <Slide
-        media={<img src='/teks.JPG' />}
+        media={<img alt='page teks' title='page teks' src='/teks.JPG' />}
         mediaBackgroundStyle={{backgroundColor: red[400]}}
         style={{backgroundColor: red[600]}}
         title='La page "Tèks"'
         subtitle='Regroupe les transcriptions et les traductions disponibles. Si aucun "tèks" n’est sélectionné, la page affiche les 6 derniers publiés sur le site.'
       />
       <Slide
-        media={<img src='/teks-cheche.JPG' />}
+        media={<img alt='teks' title='teks' src='/teks-cheche.JPG' />}
         mediaBackgroundStyle={{backgroundColor: green[400]}}
         style={{backgroundColor: green[600]}}
         title='Liste des "Tèks"'
         subtitle='La barre latérale gauche permet de sélectionner un "tèks" ou d’effectuer une recherche.'
       />
       <Slide
-        media={<img src='/stream.JPG' />}
+        media={<img alt='streaming' title='streaming' src='/stream.JPG' />}
         mediaBackgroundStyle={{backgroundColor: grey[900]}}
         style={{backgroundColor: grey[800]}}
         title='Streaming'
         subtitle='Vous avez la possiblité de visionner le clip, écouter et/ou télécharger la musique via les plateformes de streaming et de téléchargement.'
       />
       <Slide
-        media={<img src='/logo-192x110.png' />}
+        media={<img alt='logo' title='logo' src='/logo-192x110.png' />}
         mediaBackgroundStyle={{backgroundColor: grey[900]}}
         style={{backgroundColor: grey[800]}}
         title='Nous contacter'