From b09dfdebb5e69195fb6119d93e5618cbedcb4aba Mon Sep 17 00:00:00 2001
From: Anna Beiyan <131662099+AnnaBeiyan@users.noreply.github.com>
Date: Sun, 9 Jun 2024 13:22:14 +0800
Subject: [PATCH] refine ARIA properties

---
 components/AppNavbar.vue                    | 4 ++--
 components/content/LegalTimelineContent.vue | 4 +---
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/components/AppNavbar.vue b/components/AppNavbar.vue
index df4cc39..368763c 100644
--- a/components/AppNavbar.vue
+++ b/components/AppNavbar.vue
@@ -6,7 +6,7 @@ const appConfig = useAppConfig()
 <template>
   <div class="flex justify-between max-w-4xl px-4 py-4 mx-auto sm:px-8">
     <!-- Navigation -->
-    <div class="text-gray-700 dark:text-gray-200">
+    <nav class="text-gray-700 dark:text-gray-200">
       <NuxtLink
         v-for="link of navigation"
         :key="link._path"
@@ -16,7 +16,7 @@ const appConfig = useAppConfig()
       >
         {{ link.title }}
       </NuxtLink>
-    </div>
+    </nav>
     <!-- Social icons & Color Mode -->
     <div class="space-x-3 transition text-gray-500">
       <a v-if="appConfig.socials?.twitter" :href="`https://twitter.com/${appConfig.socials?.twitter}`" title="Twitter" class="dark:text-gray-100 hover:text-gray-700 dark:hover:text-gray-300"><Icon name="fa-brands:twitter" class="w-5 h-5" /></a>
diff --git a/components/content/LegalTimelineContent.vue b/components/content/LegalTimelineContent.vue
index 2b8576d..a619727 100644
--- a/components/content/LegalTimelineContent.vue
+++ b/components/content/LegalTimelineContent.vue
@@ -1,7 +1,7 @@
 <template>
     <li>
         <hr />
-        <div class="timeline-middle">
+        <div class="timeline-middle" aria-hidden="true">
             <svg v-if="dotType === 'fill_circle'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
                 fill="currentColor" class="h-5 w-5">
                 <circle cx="10" cy="10" r="8" />
@@ -28,8 +28,6 @@
     </li>
 </template>
 <script setup lang="ts">
-import { computed, useSlots } from "vue";
-
 const props = withDefaults(defineProps<{
     date: string;
     title?: string;