refine ARIA properties

project-trans · Jun 9, 2024 · b09dfde · b09dfde
1 parent 7615518
commit b09dfde
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git 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
@@ -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;