feat(theme-default): allow nav labels to be set per language (closes:…

… 21)

themes/theme-default/src/client/components/NavbarItems.vue

@@ -178,14 +178,15 @@ useUpdateDeviceStatus(
     }
   },
 )
+
+const navbarLabel = computed(() => {
+  const themeLocale = useThemeLocaleData()
+  return themeLocale.value.navbarLabel ?? 'site navigation'
+})
 </script>
 
 <template>
-  <nav
-    v-if="navbarLinks.length"
-    class="navbar-items"
-    aria-label="site navigation"
-  >
+  <nav v-if="navbarLinks.length" class="navbar-items" :aria-label="navbarLabel">
     <div v-for="item in navbarLinks" :key="item.text" class="navbar-item">
       <NavbarDropdown
         v-if="item.children"

themes/theme-default/src/client/components/PageNav.vue

@@ -10,7 +10,7 @@ import type {
   NavLink,
   ResolvedSidebarItem,
 } from '../../shared/index.js'
-import { useSidebarItems } from '../composables/index.js'
+import { useSidebarItems, useThemeLocaleData } from '../composables/index.js'
 import { getNavLink } from '../utils/index.js'
 
 /**
@@ -96,13 +96,18 @@ const nextNavLink = computed(() => {
 
   return resolveFromSidebarItems(sidebarItems.value, route.path, 1)
 })
+
+const navbarLabel = computed(() => {
+  const themeLocale = useThemeLocaleData()
+  return themeLocale.value.pageNavbarLabel ?? 'page navigation'
+})
 </script>
 
 <template>
   <nav
     v-if="prevNavLink || nextNavLink"
     class="page-nav"
-    aria-label="page navigation"
+    :aria-label="navbarLabel"
   >
     <p class="inner">
       <span v-if="prevNavLink" class="prev">

themes/theme-default/src/shared/options.ts

@@ -84,6 +84,16 @@ export interface DefaultThemeLocaleData extends LocaleData {
    */
   navbar?: false | NavbarConfig
 
+  /**
+   * Navbar label used for screen readers using the `aria-label` attribute
+   */
+  navbarLabel?: null | string
+
+  /**
+   * Page navbar label used for screen readers using the `aria-label` attribute
+   */
+  pageNavbarLabel?: null | string
+
   /**
    * Navbar logo config
    *