Resolve "Feat: add alt text on all images"

Closes #100 (closed)

src/components/Carousel.js

@@ -5,12 +5,12 @@ import "slick-carousel/slick/slick.css";
 import "slick-carousel/slick/slick-theme.css";
 import useBaseUrl from "@docusaurus/useBaseUrl";
 
-function CarouselElement({name, img, link}) {
+function CarouselElement({name, img, link, alt}) {
   if (typeof link === "undefined" && typeof name === "undefined") {
     return (
       <div className="carousel_box">     
         <div>
-          <img src={useBaseUrl(img)} className="carousel_img" />
+          <img src={useBaseUrl(img)} alt={alt} className="carousel_img" />
         </div>
       </div>
     );
@@ -19,7 +19,7 @@ function CarouselElement({name, img, link}) {
   else if (typeof link === "undefined") {
     return (
       <div className="carousel_box">
-        <img src={useBaseUrl(img)} className="carousel_img" />
+        <img src={useBaseUrl(img)} alt={alt} className="carousel_img" />
         <h6 className="carousel_title">{name}</h6>
       </div>
     );
@@ -29,7 +29,7 @@ function CarouselElement({name, img, link}) {
     return (
       <div className="carousel_box">
         <a href={link} target="_blank" rel="noopener noreferrer">
-          <img src={useBaseUrl(img)} className="carousel_img" />
+          <img src={useBaseUrl(img)} alt={alt} className="carousel_img" />
         </a>
       </div>
     );
@@ -39,7 +39,7 @@ function CarouselElement({name, img, link}) {
     return (
       <div className="carousel_box">
         <a href={link} target="_blank" rel="noopener noreferrer">
-          <img src={useBaseUrl(img)} className="carousel_img" />
+          <img src={useBaseUrl(img) } alt={alt} className="carousel_img" />
           <h6 className="carousel_title">{name}</h6>
         </a>
       </div>