feat(theme-default): add labels to differ nav landmarks (close #21)

vuepress · Jan 21, 2024 · a68600f · a68600f
1 parent e485be9
commit a68600f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/themes/theme-default/src/client/components/NavbarItems.vue b/themes/theme-default/src/client/components/NavbarItems.vue
@@ -176,7 +176,11 @@ useUpdateDeviceStatus(
 </script>
 
 <template>
-  <nav v-if="navbarLinks.length" class="navbar-items">
+  <nav
+    v-if="navbarLinks.length"
+    class="navbar-items"
+    aria-label="site navigation"
+  >
     <div v-for="item in navbarLinks" :key="item.text" class="navbar-item">
       <NavbarDropdown
         v-if="item.children"

diff --git a/themes/theme-default/src/client/components/PageNav.vue b/themes/theme-default/src/client/components/PageNav.vue
@@ -89,7 +89,11 @@ const nextNavLink = computed(() => {
 </script>
 
 <template>
-  <nav v-if="prevNavLink || nextNavLink" class="page-nav">
+  <nav
+    v-if="prevNavLink || nextNavLink"
+    class="page-nav"
+    aria-label="page navigation"
+  >
     <p class="inner">
       <span v-if="prevNavLink" class="prev">
         <AutoLink :item="prevNavLink" />