Add aria-label to VLogoButton (#1721)

Co-authored-by: Zack Krida <zackkrida@pm.me>
WordPress · Aug 23, 2022 · bf2de1e · bf2de1e
1 parent d4c903f
commit bf2de1e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/src/components/VHeader/VLogoButton.vue b/src/components/VHeader/VLogoButton.vue
@@ -2,6 +2,7 @@
   <VButton
     as="VLink"
     href="/"
+    :aria-label="$t('header.home-link')"
     variant="plain"
     size="disabled"
     class="max-w-min text-dark-charcoal hover:bg-yellow"
@@ -16,6 +17,7 @@
       :class="{
         'hidden sm:block md:hidden': isSearchRoute,
       }"
+      :aria-hidden="true"
       width="95"
       height="15"
     />

diff --git a/src/locales/en.json b/src/locales/en.json
@@ -28,6 +28,7 @@
     }
   },
   "header": {
+    "home-link": "Home",
     "about-nav-item": "Our Story",
     "source-nav-item": "Sources",
     "search-guide-nav-item": "Search Guide",