From e7f637bf32cfc12d96ee59a261ff201f4e87526f Mon Sep 17 00:00:00 2001
From: Michael Brusegard <56915010+michaelbrusegard@users.noreply.github.com>
Date: Fri, 9 Feb 2024 11:26:00 +0100
Subject: [PATCH] fix: aria label for mobile menu

---
 messages/en.json                      | 1 +
 messages/no.json                      | 1 +
 src/components/layout/Header.tsx      | 1 +
 src/components/layout/MobileSheet.tsx | 8 +++++++-
 4 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/messages/en.json b/messages/en.json
index e115929..4ae4606 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -13,6 +13,7 @@
   },
   "layout": {
     "hackerspaceHome": "Hackerspace homepage",
+    "navigationMenu": "Navigation menu",
     "news": "News",
     "events": "Events",
     "about": "About",
diff --git a/messages/no.json b/messages/no.json
index b8e079c..eec4f69 100644
--- a/messages/no.json
+++ b/messages/no.json
@@ -13,6 +13,7 @@
   },
   "layout": {
     "hackerspaceHome": "Hackerspace hjemmeside",
+    "navigationMenu": "Navigasjonsmeny",
     "news": "Nyheter",
     "events": "Hendelser",
     "about": "Om oss",
diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index 99d9376..37d1eae 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -14,6 +14,7 @@ function Header() {
       <MobileSheet
         className='flex md:hidden'
         t={{
+          navigationMenu: t('navigationMenu'),
           news: t('news'),
           events: t('events'),
           about: t('about'),
diff --git a/src/components/layout/MobileSheet.tsx b/src/components/layout/MobileSheet.tsx
index 301ca5c..2f0dc3c 100644
--- a/src/components/layout/MobileSheet.tsx
+++ b/src/components/layout/MobileSheet.tsx
@@ -17,6 +17,7 @@ import {
 type MobileSheetProps = {
   className?: string;
   t: {
+    navigationMenu: string;
     news: string;
     events: string;
     about: string;
@@ -29,7 +30,12 @@ function MobileSheet({ className, t }: MobileSheetProps) {
   return (
     <Sheet open={open} onOpenChange={setOpen}>
       <SheetTrigger asChild>
-        <Button className={className} variant='ghost' size='icon'>
+        <Button
+          className={className}
+          variant='ghost'
+          size='icon'
+          aria-label={t.navigationMenu}
+        >
           <Menu className='h-5 w-5' />
         </Button>
       </SheetTrigger>