fix alt text

SkylineSpartabots · Jan 12, 2024 · 15b9972 · 15b9972
1 parent daf35b0
commit 15b9972
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/client/src/components/Card.js b/client/src/components/Card.js
@@ -9,7 +9,7 @@ const Card = ({ title, text, image }) => {
         <p className="font-productsans text-base">{text}</p>
       </div>
       <div className="flex-1 w-full ">
-        <LazyImage img={image} style="object-cover w-[500px] h-full rounded" />
+        <LazyImage alt="Card" img={image} style="object-cover w-[500px] h-full rounded" />
       </div>
     </div>
   );

diff --git a/client/src/components/LazyImage.js b/client/src/components/LazyImage.js
@@ -1,6 +1,6 @@
 import { useEffect, useRef, useState } from "react";
 
-const LazyImage = ({ img, style }) => {
+const LazyImage = ({ img, alt, style }) => {
   const ref = useRef();
   const [visible, setVisible] = useState(false);
 
@@ -23,7 +23,7 @@ const LazyImage = ({ img, style }) => {
   }, []);
 
   return visible ? (
-    <img src={img} alt="Image" className={style} />
+    <img src={img} alt={alt} className={style} /> 
   ) : (
     <img ref={ref} style={{ backgroundColor: "gray" }} className={style} />
   );

diff --git a/client/src/components/Splash.js b/client/src/components/Splash.js
@@ -9,6 +9,7 @@ const Splash = ({ title, subtitle, image }) => {
       /> */}
       <LazyImage
         img={image}
+        alt="Splash"
         style="object-cover h-full w-full absolute mix-blend-overlay"
       />
       <h1 className="text-7xl sm:text-9xl text-center font-scoutcond italic font-extrabold text-transparent bg-clip-text text-white px-4 z-10">