src/components/navbar.astro

@@ -13,12 +13,12 @@ const hamburger_src_url = `url("${hamburger.src}")`;
   <ul class="desktop">
     <slot name="desktop"/>
   </ul>
-  <button class="mobile" aria-label="Navigation Button" tabindex="0" onclick="this.focus()">
+  <button class="mobile" aria-label="Navigation Button" tabindex="0" onclick="this.focus()" role="navigation">
     <ul>
       <slot name="mobile"/>
     </ul>
     <div class="placeholder"></div>
-    <div class="hamburger-menu" role="menu"></div>
+    <div class="hamburger-menu" role="navigation"></div>
   </button>
 </header>
 

src/components/navbarEntry.astro

@@ -30,7 +30,7 @@ let extraattributes = navtype === "mobile" ? { tabindex: "0"} : {}
     rel="noopener noreferrer"
     aria-label={text}
     class={currPage}
-    role="menuitem"
+    role="navigation"
     {...extraattributes}
   >
     <div class="icon"></div>