From 63fddd978b699c1c2177d31718108340857e649c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@live.fr>
Date: Wed, 9 Feb 2022 19:34:06 +0400
Subject: [PATCH] Add alt to screenshot images

---
 components/kat-rezo-nou.js | 2 +-
 components/rezo-imaj.js    | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/kat-rezo-nou.js b/components/kat-rezo-nou.js
index af28698..0ada388 100644
--- a/components/kat-rezo-nou.js
+++ b/components/kat-rezo-nou.js
@@ -46,7 +46,7 @@ export default function KatRezoNou({tit, img, soutit, ko, lyen}) {
           </CardActions>
         </Card>
       </Grid>
-      <RezoImaj img={img} open={open} setOpen={setOpen} />
+      <RezoImaj tit={tit} img={img} open={open} setOpen={setOpen} />
     </>
   )
 }
diff --git a/components/rezo-imaj.js b/components/rezo-imaj.js
index 55cdb14..4fc93f8 100644
--- a/components/rezo-imaj.js
+++ b/components/rezo-imaj.js
@@ -7,7 +7,7 @@ import gade from '../public/captures/gade.png'
 import mobilize from '../public/captures/mobilize.png'
 import nouvel from '../public/captures/nouvel.png'
 
-export default function RezoImaj({img, open, setOpen}) {
+export default function RezoImaj({tit, img, open, setOpen}) {
   const isSmallDevice = useMediaQuery('(max-width:1160px)')
   const getSource = source => {
     if (source === 'pale') {
@@ -43,6 +43,7 @@ export default function RezoImaj({img, open, setOpen}) {
         <div style={{width: isSmallDevice ? '100%' : '70%', height: isSmallDevice ? '100%' : '70%', position: 'relative'}}>
           <Image
             src={source}
+            alt={`Aperçu ${tit}`}
             layout='fill'
             objectFit='contain'
             placeholder='blur'
@@ -55,6 +56,7 @@ export default function RezoImaj({img, open, setOpen}) {
 
 RezoImaj.propTypes = {
   img: PropTypes.string.isRequired,
+  tit: PropTypes.string.isRequired,
   open: PropTypes.bool.isRequired,
   setOpen: PropTypes.func.isRequired
 }