From aa44180decaf7a3d5e99a9fec5c7eab420a1a339 Mon Sep 17 00:00:00 2001
From: Ted <ted_bennett@icloud.com>
Date: Wed, 26 Apr 2023 20:37:36 +0100
Subject: [PATCH] fix: accessibility improvements

---
 src/components/Card.astro   | 6 +++++-
 src/components/Navbar.astro | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/Card.astro b/src/components/Card.astro
index 8515151..5ff2172 100644
--- a/src/components/Card.astro
+++ b/src/components/Card.astro
@@ -9,7 +9,11 @@ const { title, features, description, href } = Astro.props;
     <div class="p-3">
       <div class="flex justify-between items-center">
         <div class="flex flex-row items-center gap-3 h-full grow">
-          <img src={`/${title}.png`} class="rounded-xl aspect-square h-24" />
+          <img
+            src={`/${title}.png`}
+            class="rounded-xl aspect-square h-24"
+            alt={title}
+          />
           <div class="flex flex-col grow">
             <div class="flex flex-row justify-between items-center">
               <span class="uppercase font-semibold text-xl">{title}</span>
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 3d4439c..4c9001b 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -42,7 +42,7 @@
     </button>
   </div>
   <div
-    class="w-full z-50 hidden flex-col p-5 gap-3 sm:hidden bg-white dark:bg-black"
+    class="w-full z-50 hidden flex-col p-5 gap-3 sm:hidden bg-white dark:bg-black border-b-[1px] border-zinc-500 dark:border-zinc-300"
     id="burger-menu"
   >
     <a href="/projects" aria-label="Projects"><span>projects</span></a>