Sage / carbon

Carbon by Sage | ReactJS UI Component Library
https://carbon.sage.com
Apache License 2.0
278 stars 85 forks source link

Multi Action Button still not always working for screenreader despite being tabbable - serious #7054

Open adamfsage opened 3 weeks ago

adamfsage commented 3 weeks ago

Description

When I click on dynamic shortcut button in home.ui (eg. Go to Accounting, Go to Payroll...) with a screenreader, it should focus on the options instead of ignoring it and going through the rest of the DOM.

Similar to this issue here, I have tried on updated carbon but this still does not work despite being tabbable

https://github.com/user-attachments/assets/7905501d-935c-48d2-addd-995124a14018

Reproduction

https://carbon.sage.com/?path=/story/multi-action-button--button-types

Steps to reproduce

Open screenreader, select multi-action button, click to open and then go to next element

JIRA ticket numbers (Sage only)

SBS-113601

Suggested solution

No response

Carbon version

144.4.0

Design tokens version

4.34.0

Relevant browsers

Chrome

Relevant OSs

MacOS

Additional context

No response

Confidentiality

hrrcox commented 3 weeks ago

Using VoiceOver in Safari, select multi action button with VO commands (ctrl+option) + Space, expected behaviour would be that button popover opens and focus is taken to the popover. VO+left would then move through the child items within the popover.

Current behaviour is that VO+space opens the popover, but unable to reach child items using VO+left, moves onto next item beyond the popover.

Tested on Carbon V144.4.0 in Safari with VO and in Firefox with NVDA

nicktitchmarsh commented 3 weeks ago

FE-6890