From 6220ce3afcc657b9f4609cd179219235b6912ad3 Mon Sep 17 00:00:00 2001
From: Dag Frode Solberg <dag.frode.solberg@gmail.com>
Date: Tue, 6 Dec 2022 16:07:58 +0100
Subject: [PATCH] Move role to list item to meet ARIA spec

---
 src/components/SideMenu/MenuItem.tsx       | 2 +-
 src/components/SideMenu/styled.elements.ts | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/SideMenu/MenuItem.tsx b/src/components/SideMenu/MenuItem.tsx
index 163b7d5277..376e9afa59 100644
--- a/src/components/SideMenu/MenuItem.tsx
+++ b/src/components/SideMenu/MenuItem.tsx
@@ -44,7 +44,7 @@ export class MenuItem extends React.Component<MenuItemProps> {
   render() {
     const { item, withoutChildren } = this.props;
     return (
-      <MenuItemLi onClick={this.activate} depth={item.depth} data-item-id={item.id}>
+      <MenuItemLi onClick={this.activate} depth={item.depth} data-item-id={item.id} role="menuitem">
         {item.type === 'operation' ? (
           <OperationMenuItemContent {...this.props} item={item as OperationModel} />
         ) : (
diff --git a/src/components/SideMenu/styled.elements.ts b/src/components/SideMenu/styled.elements.ts
index 8ca79a1adb..9ebeb212cb 100644
--- a/src/components/SideMenu/styled.elements.ts
+++ b/src/components/SideMenu/styled.elements.ts
@@ -125,7 +125,6 @@ export interface MenuItemLabelType {
 }
 
 export const MenuItemLabel = styled.label.attrs((props: MenuItemLabelType) => ({
-  role: 'menuitem',
   className: classnames('-depth' + props.depth, {
     active: props.active,
   }),