diff --git a/src/UIShell/GlobalHeader/HeaderNav.svelte b/src/UIShell/GlobalHeader/HeaderNav.svelte
index 85f19fc3..d7dd5e98 100644
--- a/src/UIShell/GlobalHeader/HeaderNav.svelte
+++ b/src/UIShell/GlobalHeader/HeaderNav.svelte
@@ -1,17 +1,19 @@
 <script>
   /**
    * Specify the ARIA label for the nav
+   * @deprecated use "aria-label" instead
    * @type {string}
    */
   export let ariaLabel = undefined;
+
+  $: props = {
+    "aria-label": ariaLabel || $$props["aria-label"],
+    "aria-labelledby": $$props["aria-labelledby"],
+  };
 </script>
 
-<nav aria-label="{ariaLabel}" class:bx--header__nav="{true}" {...$$restProps}>
-  <ul
-    role="menubar"
-    aria-label="{ariaLabel}"
-    class:bx--header__menu-bar="{true}"
-  >
+<nav {...props} class:bx--header__nav="{true}" {...$$restProps}>
+  <ul {...props} class:bx--header__menu-bar="{true}">
     <slot />
   </ul>
 </nav>