From bd3f8f5d023361e217a8180ade0184144878499c Mon Sep 17 00:00:00 2001
From: eggy <danielchen04@hotmail.ca>
Date: Tue, 18 Apr 2023 15:08:15 -0400
Subject: [PATCH] fix: add alt text

---
 components/CommitStatBox.vue | 7 ++++++-
 components/HamburgerMenu.vue | 3 ++-
 components/Navbar.vue        | 5 ++++-
 components/ServiceCard.vue   | 2 +-
 4 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/components/CommitStatBox.vue b/components/CommitStatBox.vue
index dfef00d..b313bf5 100644
--- a/components/CommitStatBox.vue
+++ b/components/CommitStatBox.vue
@@ -27,7 +27,12 @@ onMounted(async () => {
       title="Latest commit"
       :clearstyles="true"
     >
-      <img class="m-0 w-full h-full" :src="imgUrl" id="github-commit-img" />
+      <img
+        class="m-0 w-full h-full"
+        :src="imgUrl"
+        id="github-commit-img"
+        alt="Latest GitHub commit"
+      />
       <!--
         <div>
         <h2>{{ title }}</h2>
diff --git a/components/HamburgerMenu.vue b/components/HamburgerMenu.vue
index b46d23c..dc851d1 100644
--- a/components/HamburgerMenu.vue
+++ b/components/HamburgerMenu.vue
@@ -34,10 +34,11 @@ const getSvgIcon = async (name: string) => {
             :src="`/nav/${item.title.toLowerCase()}.svg`"
             class="m-0"
             preload="auto"
+            :alt="`${item.title} logo`"
           />
           {{ item.title }}
         </a>
-        <hr class="m-0 m-2" v-if="index !== navItems.length - 1" />
+        <hr class="m-2" v-if="index !== navItems.length - 1" />
       </li>
     </div>
   </div>
diff --git a/components/Navbar.vue b/components/Navbar.vue
index 2e2c63e..338e7a1 100644
--- a/components/Navbar.vue
+++ b/components/Navbar.vue
@@ -11,7 +11,10 @@ const props = defineProps<{ activeItem?: string }>();
       <li class="home-text"><a href="/">Eggworld</a></li>
       <li v-for="(item, index) in navItems" :key="index">
         <a :href="item.href" class="flex gap-2">
-          <img :src="`/nav/${item.title.toLowerCase()}.svg`" />
+          <img
+            :src="`/nav/${item.title.toLowerCase()}.svg`"
+            :alt="`${item.title} logo`"
+          />
           {{ item.title }}</a
         >
       </li>
diff --git a/components/ServiceCard.vue b/components/ServiceCard.vue
index 0490820..d48d380 100644
--- a/components/ServiceCard.vue
+++ b/components/ServiceCard.vue
@@ -16,7 +16,7 @@ const imgUrl = `/images/services/${props.img}`;
     :class="['no-underline', { unclickable: unclickable || broken, broken }]"
   >
     <div class="card flex flex-col items-center justify-around">
-      <img class="m-0" :src="imgUrl" />
+      <img class="m-0" :src="imgUrl" :alt="`${name} logo`" />
       <h3 class="m-0">{{ props.name }}</h3>
       <p class="desc-text text-gray-600 dark:text-gray-200"><slot /></p>
     </div>