carbon
carbon copied to clipboard
Sage
VO key not moving directly to multi-select menu
Current behaviour
I've given this another quick look and there's another issue with the DOM-disconnect between the trigger and the menu. When using VoiceOver, you move through the content with the VoiceOver key ('VO') (usually Control + Option) and the right/left arrow keys. When doing this, you have to move through the page content below the trigger box to get to the list of options. I added a bit more content to the page and took a quick video so you can see it in action. Here's what I did:
Opened the menu by pressing the a key on the Select Moved to the next bit of content with VO+→ Read through the content I'd added under the Select (hidden by the dropdown menu) Got to the menu once I reached it in the DOM Moving the menu HTML to directly under the Select trigger would fix this behaviour, as well as the landmark issue. Might be removing the portal functionality may be necessary from a screen reader usability perspective.
Expected behaviour
VoiceOver key should navigate to the open select menu
CodeSandbox or Storybook URL
https://carbon.sage.com/?path=/docs/select-multiselect--default-story
JIRA Ticket (Sage Only)
No response
Suggested Solution
No response
Carbon Version
106.6.5
Design Tokens Version
No response
What browsers are you seeing the problem on?
Chrome
What Operating System are you seeing the problem on?
MacOS
Anything else we should know?
No response
Confidentiality
- [X] I confirm there is no confidential or commercially sensitive information included.
:tada: This issue has been resolved in version 128.0.0 :tada:
The release is available on:
Your semantic-release bot :package::rocket:
