fix(UIShell): fix voiceover issue with closed SideNav (#7864)

* fix(UIShell): fix voiceover issue with closed SideNav * chore(tests): update snapshots Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · Feb 24, 2021 · c2b4f1f · c2b4f1f
1 parent d0eaa50
commit c2b4f1f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/packages/react/src/components/UIShell/SideNav.js b/packages/react/src/components/UIShell/SideNav.js
@@ -116,6 +116,7 @@ const SideNav = React.forwardRef(function SideNav(props, ref) {
     <>
       {isFixedNav ? null : <div className={overlayClassName} />}
       <nav
+        aria-hidden={!expanded}
         ref={ref}
         className={`${prefix}--side-nav__navigation ${className}`}
         {...accessibilityLabel}

diff --git a/packages/react/src/components/UIShell/__tests__/__snapshots__/SideNav-test.js.snap b/packages/react/src/components/UIShell/__tests__/__snapshots__/SideNav-test.js.snap
@@ -15,6 +15,7 @@ exports[`SideNav should render 1`] = `
     className="bx--side-nav__overlay"
   />
   <nav
+    aria-hidden={true}
     aria-label="Navigation"
     className="bx--side-nav__navigation bx--side-nav bx--side-nav--ux"
     onBlur={[Function]}