From bb7fe455d98fb2a860293d5d2b0750e122de36ed Mon Sep 17 00:00:00 2001
From: Tzipi <101048005+Tzipi-kaltura@users.noreply.github.com>
Date: Tue, 6 Aug 2024 16:18:23 +0300
Subject: [PATCH] fix(ADA-1407): [Strategic Blue / University of Sheffield] -
 Button element has the wrong role (#365)

Change the role of navigation items to "button", since this is a clickable and there is no indication for that.

solves ADA-1407
---
 src/components/navigation/navigation-item/NavigationItem.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/navigation/navigation-item/NavigationItem.tsx b/src/components/navigation/navigation-item/NavigationItem.tsx
index 6ea9548..40baae9 100644
--- a/src/components/navigation/navigation-item/NavigationItem.tsx
+++ b/src/components/navigation/navigation-item/NavigationItem.tsx
@@ -214,7 +214,7 @@ export class NavigationItem extends Component<NavigationItemProps, NavigationIte
         onClick={this._handleClick}
         onDownKeyPressed={this.props.onNext}
         onUpKeyPressed={this.props.onPrev}
-        role={selectedItem ? 'text' : 'listitem'}>
+        role='button'>
         <div
           tabIndex={0}
           aria-label={ariaLabelTitle}