fix: aria label for mobile menu

hackerspace-ntnu · Feb 9, 2024 · e7f637b · e7f637b
1 parent f8dc9f4
commit e7f637b
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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
@@ -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>