MultiActionButton and SplitButton VoiceOver reads only option and not a parent

[DipperTheDan]

Current behaviour

"Exporting" could not be read by VoiceOver as it's not focused on parent.

Expected behaviour

VoiceOver is able to read a parent and not only the option

CodeSandbox or Storybook URL

https://codesandbox.io/s/loading-spinner-for-export-forked-xjxml?file=/src/index.js

Suggested Solution

No response

Carbon Version

77.14.1

What browsers are you seeing the problem on?

Chrome

What Operating System are you seeing the problem on?

MacOS, Windows

Anything else we should know?

No response

Confidentiality

• [X] I confirm there is no confidential or commercially sensitive information included.

[DipperTheDan]

This issue was originally logged with #4352 but for ease of managing the work, I've separated them in to their own tickets.

[DipperTheDan]

FE-4323

[nicktitchmarsh]

@LiliyaGi we have tested the VoiceOver for MultiActionButton, this works if you set focus on the button again when the "exporting" text has been rendered. We will consult with UX to see if this is the desired behaviour for this pattern.

[tempertemper]

This is all about feedback that the export has been triggered. Visually, we've got the change of the parent button's text, so we should be offering that non-visually too. Making the button a live region using aria-live="polite" would ensure the content change was communicated by screen readers.