From 322cbbc3aa724bf1512aa3fa523a2084a9c74460 Mon Sep 17 00:00:00 2001
From: ryan-garrett <25553660+ryan-garrett@users.noreply.github.com>
Date: Mon, 13 Jun 2022 13:30:52 +0100
Subject: [PATCH] Mis-nesting of aria roles on sidebar navigation

---
 e2e/integration/search.e2e.ts         | 2 +-
 src/components/SideMenu/MenuItems.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/e2e/integration/search.e2e.ts b/e2e/integration/search.e2e.ts
index dfc38b03..5785ee80 100644
--- a/e2e/integration/search.e2e.ts
+++ b/e2e/integration/search.e2e.ts
@@ -45,7 +45,7 @@ describe('Search', () => {
 
     getSearchInput().type('{enter}', { force: true });
 
-    cy.contains('[role=navigation] [role=menuitem]', 'Introduction').should('have.class', 'active');
+    cy.contains('[role=menu] [role=menuitem]', 'Introduction').should('have.class', 'active');
   });
 
   it('should mark search results', () => {
diff --git a/src/components/SideMenu/MenuItems.tsx b/src/components/SideMenu/MenuItems.tsx
index f8791343..e2e97f64 100644
--- a/src/components/SideMenu/MenuItems.tsx
+++ b/src/components/SideMenu/MenuItems.tsx
@@ -26,7 +26,7 @@ export class MenuItems extends React.Component<MenuItemsProps> {
         className={className}
         style={this.props.style}
         expanded={expanded}
-        {...(root ? { role: 'navigation' } : {})}
+        {...(root ? { role: 'menu' } : {})}
       >
         {items.map((item, idx) => (
           <MenuItem key={idx} item={item} onActivate={this.props.onActivate} />