[a11y]: Overflow Menu - VO - User unable to close menu

[annawen1]

Package

carbon-components-react

Browser

Safari

Operating System

MacOS

Package version

7.56.0

React version

16.9.0

Automated testing tool and ruleset

Manual testing

Assistive technology

iPhone 12 - VoiceOver

Description

When user opens the Overflow Menu and swipes through menu items, focus goes out of menu but also when user swipes back up through the menu items, the focus trapping prevents user from reaching the trigger element to close the menu.

Expecting: Focus should be trapped within the menu and allow for user to go back to the trigger element to close menu.

RPReplay_Final1648481461.mov

WCAG 2.1 Violation

No response

CodeSandbox example

N/A

Steps to reproduce

1. Go to https://react.carbondesignsystem.com/?path=/story/components-overflowmenu--default storybook in mobile device with VO
2. double tap to open overflow menu
3. swipe through menu items, notice that focus goes outside of menu
4. swipe back up through menu items and try to close the menu

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems

[tay1orjones]

Potentially related: #13115

[tw15egan]

The main issue (inability to close the menu) has been resolved. I don't believe the Voiceover functionality to move between items on the device should be trapped like it is with focus, as it is searching for the next element on the entire device that should be read next.

RPReplay_Final1684254496.mov