A11y markup adjustments - #225

unitaryfund · Aug 10, 2023 · 1fa969c · 1fa969c
1 parent 69e34fc
commit 1fa969c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/components/Layout/Header.astro b/src/components/Layout/Header.astro
@@ -33,7 +33,8 @@ import Navigation from './Header/Navigation.astro';
         'md:h-[--logo-height] md:w-[--logo-width]',
         'nav-mobile:-ml-10 nav-mobile:h-[--logo-height-mobile] nav-mobile:w-[--logo-width-mobile]',
         'nav-mobile-open:invert nav-mobile-open:invert nav-mobile-open:saturate-0 nav-mobile-open:brightness-[0.8] nav-mobile-open:mix-blend-luminosity',
-      ]}>
+      ]}
+      aria-label="Unitary Fund Homepage">
       <Svg name="logo" />
     </a>
     <Navigation

diff --git a/src/components/Layout/Header/Navigation/Menu.tsx b/src/components/Layout/Header/Navigation/Menu.tsx
@@ -83,7 +83,8 @@ export default function Menu({ menu }: NavigationProps) {
               'nav-mobile:flex-col',
               'nav-desktop:absolute nav-desktop:top-0 nav-desktop:left-0 nav-desktop:flex-wrap nav-desktop:gap-[2px]',
               !isOpen && 'hidden',
-            ])}>
+            ])}
+            role="navigation">
             {item.children.map(({ link, text }) => (
               <li className="flex grow" key={link}>
                 <Button
@@ -160,7 +161,8 @@ export default function Menu({ menu }: NavigationProps) {
         className={cn([
           'm-0 flex flex-col fixed top-[--logo-height-mobile] left-0 right-0 no-arrow-list',
           (!isOpen || !isMobile) && 'hidden',
-        ])}>
+        ])}
+        role="navigation">
         {menuItems}
       </ul>
       {/* Desktop */}