From 385baaa09fb7909751d70c571b50f81c64bc3062 Mon Sep 17 00:00:00 2001
From: limepotato <bm01@limepot.xyz>
Date: Tue, 11 Jun 2024 11:51:20 -0600
Subject: [PATCH] Accessibility

---
 src/components/Card.astro   |  5 +++--
 src/components/Footer.astro | 30 ++++++++++++++++--------------
 src/pages/index.astro       |  5 +++++
 src/pages/projects.astro    | 10 ++++++++++
 4 files changed, 34 insertions(+), 16 deletions(-)

diff --git a/src/components/Card.astro b/src/components/Card.astro
index 12a186c..3cb8f82 100755
--- a/src/components/Card.astro
+++ b/src/components/Card.astro
@@ -4,15 +4,16 @@ interface Props {
   body: string;
   href: string;
   source: string;
+  alt: string;
 }
 
-const { href, title, body, source } = Astro.props;
+const { href, title, body, source, alt } = Astro.props;
 ---
 
 <li class="link-card">
   <a href={href} class="informational">
     <h2>
-      <img src={source} width="24" height="24" />
+      <img src={source} width="24" height="24" alt={alt}/>
       {title}
       <span>&rarr;</span>
     </h2>
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 50cd168..54a8ca5 100755
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -8,20 +8,20 @@
       <!--Badges-->
       <a href="../assets/badges/limepotxyz-badge00.gif"><u>Mine Button</u></a>
       <br>
-      <a href="https://limepot.xyz/"><image src="/assets/badges/limepotxyz-badge00.gif" />
+      <a href="https://limepot.xyz/"><image src="/assets/badges/limepotxyz-badge00.gif" alt="Badge for this website, limepot.xyz"/>
         <br/><br>
         <a>Friend Buttons</a>
         <br>
-        <a href="https://zvava.org/"><image src="/assets/badges/zvava.org.png"></a>
-        <a href="https://elke.cafe/"><image src="/assets/badges/elke.cafe.gif"></a>
+        <a href="https://zvava.org/"><image src="/assets/badges/zvava.org.png" alt="badge for zvava.org"></a>
+        <a href="https://elke.cafe/"><image src="/assets/badges/elke.cafe.gif" alt="badge for elke.cafe"></a>
         <br/><br>
         <a>Other Buttons</a>
         <br>
-        <a href="https://jointhefediverse.net/"><image src="/assets/badges/FEDERATE-NOW.jpg" />
-          <a href="https://gnu.org"><image src="/assets/badges/gnu-linux.gif" />
-            <a href="https://fuckoffgoogle.de/"><image src="/assets/badges/google_stand.gif" />
-              <a href="https://privacytests.org/"><image src="/assets/badges/chrmevil.gif" />
-                <image src="/assets/badges/browser.gif">
+        <a href="https://jointhefediverse.net/"><image src="/assets/badges/FEDERATE-NOW.jpg" alt="Fediverse icon 'Federate Now!'"/>
+          <a href="https://gnu.org"><image src="/assets/badges/gnu-linux.gif" alt="Tux mascott 'Made on GNU/Linux'"/>
+            <a href="https://fuckoffgoogle.de/"><image src="/assets/badges/google_stand.gif" alt="Fight against monopolistic practices, stand up to google!"/>
+              <a href="https://privacytests.org/"><image src="/assets/badges/chrmevil.gif" alt="Google Chrome is Evil!"/>
+                <image src="/assets/badges/browser.gif" alt="Best Viewed with ANY browser">
                     <iframe
                       src="//incr.easrng.net/badge?key=limepot"
                       style="background: url(//incr.easrng.net/bg.gif)"
@@ -30,15 +30,15 @@
                       height="31"
                       frameborder="0"></iframe>
                     <br>
-                    <a href="https://privacytests.org/"><image src="/assets/badges/anythingbut.gif" />
-                    <a href="https://archlinux.org/"><image src="/assets/badges/archlinux.gif" />
-                    <a href="https://transfemscience.org/"><image src="/assets/badges/transfemscience.org.gif" />
-                    <a href="https://vscodium.com/"><image src="/assets/badges/vscodium.com.png" />
-                    <a href="https://www.java.com/"><image src="/assets/badges/get_java.gif" />
+                    <a href="https://privacytests.org/"><image src="/assets/badges/anythingbut.gif" alt="Anything But Chrome"/>
+                    <a href="https://archlinux.org/"><image src="/assets/badges/archlinux.gif" alt="Archlinux badge"/>
+                    <a href="https://transfemscience.org/"><image src="/assets/badges/transfemscience.org.gif" alt="Trans Your Gender"/>
+                    <a href="https://vscodium.com/"><image src="/assets/badges/vscodium.com.png" alt="Made with Vscodium"/>
+                    <a href="https://www.java.com/"><image src="/assets/badges/get_java.gif" alt="Get Java Now"/>
                     <br>
                     <p>
                       <a href="https://fediring.net/previous?host=limepot.xyz" style="font-size: 45px">←</a>
-                      <a href="https://fediring.net/"><image src="/assets/badges/fediring-badge.gif"></image></a>
+                      <a href="https://fediring.net/"><image src="/assets/badges/fediring-badge.gif" alt="Fediring badge"></image></a>
                       <a href="https://fediring.net/next?host=limepot.xyz" style="font-size: 45px">→</a>
                     </p>
 
@@ -66,6 +66,7 @@
                         src="https://img.shields.io/badge/Catppuccin-Mocha%20Peach-fe640b"
                         width="180"
                         height="20"
+                        alt="Catppuccin Mocha Peach"
                       />
                     </a>
                     <a
@@ -75,6 +76,7 @@
                         src="https://img.shields.io/badge/Site-Source-lightgrey.svg"
                         width="94.2"
                         height="20"
+                        alt="Site Source"
                       />
                     </a>
 
diff --git a/src/pages/index.astro b/src/pages/index.astro
index e506a93..dc253ed 100755
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -54,26 +54,31 @@ import Card from "../components/Card.astro";
           source="/assets/icons/mail-outline.svg"
           href="mailto: limepot@protonmail.ch"
           title="Email"
+          alt="Icon of a piece of Mail"
         />
         <Card
           source="https://upload.wikimedia.org/wikipedia/commons/9/93/Fediverse_logo_proposal.svg"
           href="https://ouroboros.gay/@limepot"
           title="Fediverse"
+          alt="Fediverse Icon"
         />
         <Card
           source="/assets/icons/listenbrainzicon.png"
           href="https://listenbrainz.org/user/LimePotato/"
           title="ListenBrainz Profile"
+          alt="ListenBrainz Icon"
         />
         <Card
           source="/assets/icons/logo-youtube.svg"
           href="https://www.youtube.com/channel/UCk_yKIpDnMv_DvuDb9RGfcA"
           title="Youtube"
+          alt="Youtube Logo"
         />
         <Card
           source="/assets/icons/logo-steam.svg"
           href="https://steamcommunity.com/id/limepot/"
           title="Steam"
+          alt="Steam Logo"
         />
       </ul>
     </div>
diff --git a/src/pages/projects.astro b/src/pages/projects.astro
index 2e65ea0..b0152c0 100755
--- a/src/pages/projects.astro
+++ b/src/pages/projects.astro
@@ -22,16 +22,19 @@ import Card from "../components/Card.astro";
           source="/assets/icons/Forgejo_logo.svg"
           href="https://git.nullafati.xyz/LimePotato/"
           title="Self-Hosted ForgeJo Instance"
+          alt="Forgejo Logo"
         />
         <Card
           source="https://avatars.githubusercontent.com/u/67560307?s=200&v=4"
           href="https://modrinth.com/user/limepotato"
           title="Modrinth"
+          alt="Modrinth Logo"
         />
         <Card
           source="/assets/icons/image-outline.svg"
           href="https://files.nullafati.xyz/Photos/limepotato/"
           title="Photography - File Archive"
+          alt="image icon, mountains and a sun in outline"
         />
       </ul>
       <br /><br />
@@ -48,42 +51,49 @@ import Card from "../components/Card.astro";
           href="https://ouroboros.group/"
           title="Ouroboros Group"
           body="A directory of everything I host."
+          alt="Ouroboros Icon"
         />
         <Card
           source="https://git.nullafati.xyz/LimePotato/roses-mod/raw/branch/main/src/main/resources/assets/roses_mod/icon.png"
           href="https://modrinth.com/mod/roses-quilt"
           title="Roses"
           body="A Minecraft mod, built for Quilt Loader, bringing back the Roses and Cyan Roses of old."
+          alt="Two minecraft roses, one red one cyan"
         />
         <Card
           source="https://git.nullafati.xyz/limepotato/yummy/raw/branch/main/src/main/resources/assets/yummy/icon.png"
           href="https://git.nullafati.xyz/limepotato/yummy"
           title="Yummy"
           body="A Minecraft mod, all about food (WIP)."
+          alt="Pixel art smiling yummy face"
         />
         <Card
           source="/assets/icons/Forgejo_logo.svg"
           href="https://git.nullafati.xyz/limepotato/edibleBlocks"
           title="Edible Blocks"
           body="A Minecraft mod, that lets you.... eat block items????"
+          alt="ForgeJo Logo"
         />
         <Card
           source="/assets/icons/Forgejo_logo.svg"
           href="https://git.nullafati.xyz/limepotato/mc-badges"
           title="Minecraft Badges"
           body="A handful of 88x31 badges for all your minecraft related projects!"
+          alt="ForgeJo Logo"
         />
         <Card
           source="/assets/icons/Forgejo_logo.svg"
           href="https://git.nullafati.xyz/Ouroboros/potrogue/"
           title="potrogue"
           body="A lil roguelike project built in Kotlin with cobalt/amethyst/zircon"
+          alt="ForgeJo Logo"
         />
         <Card
           source="/assets/icons/Forgejo_logo.svg"
           href="https://git.nullafati.xyz/limepotato/kotRemote"
           title="kotRemote"
           body="SSHFS (and maybe other things later) Wrapper, in Kotlin with Jexer"
+          alt="ForgeJo Logo"
         />
       </ul>
     </div>