From 1063588d0eebeaf4a224dffd2751a731f4cf60a3 Mon Sep 17 00:00:00 2001
From: Edmar-Sousa <edmarsousamendes4@gmail.com>
Date: Mon, 6 Oct 2025 17:49:29 -0300
Subject: [PATCH 1/3] fix: add "alt" to images and "aria-label" to buttons

---
 src/components/come-to-globo/index.tsx   | 2 +-
 src/components/footer/Footer.tsx         | 8 ++++----
 src/components/hero/HeroDesktop.tsx      | 6 +++---
 src/components/hero/HeroSmart.tsx        | 6 +++---
 src/components/navigation/Navigation.tsx | 3 ++-
 src/components/projects/ProjectsList.tsx | 2 +-
 src/components/scroll-top/ScrollTop.tsx  | 2 +-
 src/pages/index.tsx                      | 2 +-
 8 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/components/come-to-globo/index.tsx b/src/components/come-to-globo/index.tsx
index 8aba5a3..2379bf2 100644
--- a/src/components/come-to-globo/index.tsx
+++ b/src/components/come-to-globo/index.tsx
@@ -135,7 +135,7 @@ const ComeToGlobo = () => {
           <Grid container className={classes.mainContent} spacing={4} direction="row" alignItems="center" justifyContent="center">
             <Grid item xs={12} md={6} className={classes.rightColumn}>
               <Box className={classes.hexagonContainer}>
-                <Image src="2025/challenge.svg" className={classes.challengeImage} />
+                <Image src="2025/challenge.svg" className={classes.challengeImage} alt="Temos desafios para você" />
               </Box>
             </Grid>
             <Grid item xs={12} md={6} className={classes.leftColumn}>
diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx
index 93bfd5f..422003c 100644
--- a/src/components/footer/Footer.tsx
+++ b/src/components/footer/Footer.tsx
@@ -60,11 +60,11 @@ const FooterDesktop = (props: FooterItemsProps) => {
         <Grid item>
           <Grid container justifyContent="space-between" alignItems="center">
             <Grid item>
-              <Image src="2025/globo.svg" width="166" height="48" />
+              <Image src="2025/globo.svg" alt="Logo da Globo" width="166" height="48" />
             </Grid>
 
             <Grid item>
-              <Image src="2025/logo-footer.svg" width="256" height="138" />
+              <Image src="2025/logo-footer.svg" alt="Logo Hacktoberfest 2025" width="256" height="138" />
             </Grid>
 
             <Grid item>
@@ -108,12 +108,12 @@ const FooterSmart = (props: FooterItemsProps) => {
     >
       <Spacing smart={{ margin: "10px 32px 0" }}>
         <Grid item>
-          <Image height="30" src="2025/globo.svg" />
+          <Image height="30" src="2025/globo.svg" alt="Logo da Globo" />
         </Grid>
       </Spacing>
       <Spacing smart={{ margin: "0 18px 0" }}>
         <Grid item>
-          <Image src="2025/logo-footer.svg" with="278" height="90" />
+          <Image src="2025/logo-footer.svg" alt="Logo Hacktoberfest 2025" with="278" height="90" />
         </Grid>
       </Spacing>
       {props.menuItems.map((item: MenuItem, i: number) => (
diff --git a/src/components/hero/HeroDesktop.tsx b/src/components/hero/HeroDesktop.tsx
index 384b797..c1e5198 100644
--- a/src/components/hero/HeroDesktop.tsx
+++ b/src/components/hero/HeroDesktop.tsx
@@ -310,8 +310,8 @@ const DesktopView = (props: DesktopViewProps) => {
   return (
     <Grid container alignItems="center" className={classes.wrapper}>
       <Grid item sm={4} className={classes.gridItem}>
-        <Image className={classes.logoGlobo} src={`2025/globo.svg`} />
-        <Image className={classes.logoEdition} src={`2025/home-logo.svg`} />
+        <Image className={classes.logoGlobo} src={`2025/globo.svg`} alt="Logo da Globo" />
+        <Image className={classes.logoEdition} src={`2025/home-logo.svg`} alt="Logo Hacktoberfest 2025" />
         <Typography
           variant="h1"
           align="center"
@@ -351,7 +351,7 @@ const DesktopView = (props: DesktopViewProps) => {
         </Box>
       </Grid>
       <Grid item sm={4} className={classes.gridMessage}>
-        <Image className={classes.message} src={`2025/message.svg`} />
+        <Image className={classes.message} src={`2025/message.svg`} alt="Contribua e ganhe 1 camiseta exclusiva" />
 
         {/* <div className={classes.droneAnimation2}>
           <Lottie options={defaultOptions} height={300} width={350} />
diff --git a/src/components/hero/HeroSmart.tsx b/src/components/hero/HeroSmart.tsx
index 21b5eb4..e821431 100644
--- a/src/components/hero/HeroSmart.tsx
+++ b/src/components/hero/HeroSmart.tsx
@@ -268,9 +268,9 @@ const SmartView = (props: SmartViewProps) => {
         justifyContent="center"
       >
         <Grid item sm={12}>
-          <Image className={classes.logoGlobo} src={`2024/globo.svg`} />
+          <Image className={classes.logoGlobo} src={`2024/globo.svg`} alt="Logo da Globo" />
           <div className={classes.contentCenter}>
-            <Image className={classes.logoEdition} src={`2025/home-logo.svg`} />
+            <Image className={classes.logoEdition} src={`2025/home-logo.svg`} alt="Logo Hacktoberfest 2025" />
             <Typography
               variant="h1"
               align="center"
@@ -306,7 +306,7 @@ const SmartView = (props: SmartViewProps) => {
         </Grid>
         <Grid item sm={6}></Grid>
         <Grid item sm={4} className={classes.messageImage}  >
-          <Image  src={`2025/message.svg`} />
+          <Image  src={`2025/message.svg`} alt="Contribua e ganhe 1 camiseta exclusiva" />
           {/* <div className={classes.droneAnimation2}>
             <Lottie
               className={classes.drone}
diff --git a/src/components/navigation/Navigation.tsx b/src/components/navigation/Navigation.tsx
index 6840199..49c34c3 100644
--- a/src/components/navigation/Navigation.tsx
+++ b/src/components/navigation/Navigation.tsx
@@ -219,6 +219,7 @@ const SmartMenu = () => {
       </Grid>
       <Grid item xs={2} md={1}>
         <Button
+          aria-label="Abrir menu lateral"
           style={{
             display: "block",
             float: "right",
@@ -227,7 +228,7 @@ const SmartMenu = () => {
           }}
           onClick={() => setMenuOpened(!menuOpened)}
         >
-          <Image src="2025/menu.svg" />
+          <Image alt="" src="2025/menu.svg" />
         </Button>
         {menuOpened && <MenuOpen closeMenu={() => setMenuOpened(false)} />}
       </Grid>
diff --git a/src/components/projects/ProjectsList.tsx b/src/components/projects/ProjectsList.tsx
index cf03500..6ceb44c 100644
--- a/src/components/projects/ProjectsList.tsx
+++ b/src/components/projects/ProjectsList.tsx
@@ -216,7 +216,7 @@ const ProjectsList = (props: ProjectListProps) => {
 
 function ProjectsListLoading() {
   return <Box display="flex" width="100%" justifyContent="center">
-      <CircularProgress />
+      <CircularProgress aria-label="Carregando projetos" aria-busy="true" />
     </Box>
 }
 
diff --git a/src/components/scroll-top/ScrollTop.tsx b/src/components/scroll-top/ScrollTop.tsx
index f5ddd87..620e091 100644
--- a/src/components/scroll-top/ScrollTop.tsx
+++ b/src/components/scroll-top/ScrollTop.tsx
@@ -28,7 +28,7 @@ const ScrollTop = () => {
 
   return (
     <div className={classes.scrollTop}>
-      <Image src="2023/scroll-top.svg" onClick={scrollToTop} />
+      <Image src="2023/scroll-top.svg" alt="Voltar para o topo" onClick={scrollToTop} />
     </div>
   )
 }
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index d417d89..1b0caa0 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -237,7 +237,7 @@ const IndexPage = () => {
         </div>
 
           <Grid container justifyContent="center" alignItems="center" className={classes.backgroundImageContainer}>
-            <Image src="2025/come-to-globo.svg" className={classes.backgroundImage} />
+            <Image src="2025/come-to-globo.svg" alt="Imagem vem pra Globo" className={classes.backgroundImage} />
           </Grid>
 
         <div>

From 873749ddcb463c528f06ec9b4991c5dd057c25c5 Mon Sep 17 00:00:00 2001
From: Edmar-Sousa <edmarsousamendes4@gmail.com>
Date: Mon, 6 Oct 2025 17:52:48 -0300
Subject: [PATCH 2/3] fix: add empty "alt" to decorative image

---
 src/components/hero/HeroDesktop.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/hero/HeroDesktop.tsx b/src/components/hero/HeroDesktop.tsx
index c1e5198..92f3d0f 100644
--- a/src/components/hero/HeroDesktop.tsx
+++ b/src/components/hero/HeroDesktop.tsx
@@ -347,7 +347,7 @@ const DesktopView = (props: DesktopViewProps) => {
       </Grid>
       <Grid item sm={4} className={classes.gridItem} >
         <Box display="flex" alignItems="center" justifyContent="center" height="100%" paddingLeft={"440px"}>
-          <Image className={classes.character} src={`2025/ilustracao-home.svg`} />
+          <Image className={classes.character} src={`2025/ilustracao-home.svg`} alt="" />
         </Box>
       </Grid>
       <Grid item sm={4} className={classes.gridMessage}>

From 4861e8bcbd024d4a9176298f330d1c54c2ab1a78 Mon Sep 17 00:00:00 2001
From: Edmar-Sousa <edmarsousamendes4@gmail.com>
Date: Tue, 21 Oct 2025 10:24:07 -0300
Subject: [PATCH 3/3] fix: add alt

---
 src/components/hero/HeroDesktop.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/hero/HeroDesktop.tsx b/src/components/hero/HeroDesktop.tsx
index e47061c..dc5ed21 100644
--- a/src/components/hero/HeroDesktop.tsx
+++ b/src/components/hero/HeroDesktop.tsx
@@ -233,16 +233,19 @@ const LoggedView = (user: UserProps) => {
                 <Image
                   className={state == 0 ? classes.active : ""}
                   src="hero/PR.svg"
+                  alt=""
                 />{" "}
                 {/** Ativo se Approved e Completed for false */}
                 <Image
                   className={state == 1 ? classes.active : ""}
                   src="hero/Check.svg"
+                  alt=""
                 />{" "}
                 {/** Ativo se Approved true e completed false */}
                 <Image
                   className={state == 2 ? classes.active : ""}
                   src="hero/Shirt.svg"
+                  alt=""
                 />{" "}
                 {/* Ativo se completed e aproved for true*/}
               </div>
@@ -361,6 +364,7 @@ const DesktopView = (props: DesktopViewProps) => {
           <Image
             className={classes.character}
             src={`2025/ilustracao-home.svg`}
+            alt=""
           />
         </Box>
       </Grid>