feat(NavigationBar): remove ariaLabel prop

BREAKING CHANGE: AriaLabel prop was removed from the NavigationBar component.
Aria-label attribute should be set on the children passed to the NavigationBar.

Author: domihustinova

packages/orbit-components/src/NavigationBar/README.md

@@ -35,9 +35,4 @@ Table below contains all types of the props available in the NavigationBar compo
 | hideOnScroll       | `boolean`               | `true`                   | Turn on or off hiding navigation bar on scroll                                                              |
 | openTitle          | `string`                | `"Open navigation menu"` | Property for passing translation string to open Button.                                                     |
 | bottomStyle        | `"shadow" \| "border"`  | `"shadow"`               | Property for setting bottom style of NavigationBar.                                                         |
-| ariaLabel          | `string`                | `"navigation"`           | Optional prop for `aria-label` value (accessibility).                                                       |
 | transparentBgAtTop | `boolean`               | `false`                  | Property for setting the background to be transparent when the NavigationBar is at the top of the viewport. |
-
-## Accessibility
-
-- The `ariaLabel` prop allows you to specify an `aria-label` attribute for the component. This attribute provides additional information to screen readers, enhancing the accessibility of the component. By using `ariaLabel`, you can ensure that users who rely on assistive technologies receive the necessary context and information about the component's purpose and functionality.

packages/orbit-components/src/NavigationBar/index.tsx

@@ -20,7 +20,6 @@ const NavigationBar = ({
   onHide,
   hideOnScroll = true,
   bottomStyle = "shadow",
-  ariaLabel = "navigation",
   transparentBgAtTop = false,
 }: Props) => {
   const resolveCallback = React.useCallback(
@@ -101,7 +100,6 @@ const NavigationBar = ({
         !isTransparentBg && bottomStyle === "border" && "border-cloud-normal border-b",
         isTransparentBg ? "bg-transparent" : "bg-white-normal",
       )}
-      aria-label={ariaLabel}
     >
       <div className={cx("block w-full", onMenuOpen && "me-200")}>{children}</div>
       {onMenuOpen && (

packages/orbit-components/src/NavigationBar/types.d.ts

@@ -12,6 +12,5 @@ export interface Props extends Common.Globals {
   readonly openTitle?: string;
   readonly hideOnScroll?: boolean;
   readonly bottomStyle?: "shadow" | "border";
-  readonly ariaLabel?: string;
   readonly transparentBgAtTop?: boolean;
 }