[ToolbarButton | React | typescript]: Announcement issue when ToolbarButton is made visible

[saurabhmehta13]

Bug Description

We are using two ToolbarButton buttons. When user clicks on one button (Enter full screen), the button triggering the action will be hidden and another button (Exit full screen) will be rendered.
In this case, the focus is correctly working but screen reader tools (mac voiceover, JAWS and NVDA) aren't announcing "Button", only ToolbarButton icon help text is getting announcement.
As per accessibility guidelines, whenever ToolbarButton is in focus, it should announce "text" followed by "button", for example "Enter full screen button".

Affected Component

No response

Expected Behaviour

As per accessibility guidelines, whenever ToolbarButton is in focus, it should announce "text" followed by "button", for example "Enter full screen button".

Isolated Example

https://codesandbox.io/p/sandbox/ui5-webcomponents-react-template-29l34

Steps to Reproduce

1. Run following code: https://codesandbox.io/p/sandbox/ui5-webcomponents-react-template-29l34
2. Use any screenreader tool and follow the steps as per attached recording

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

2.8.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

• I’m not disclosing any internal or sensitive information.

[saurabhmehta13]

Recording for more details about the issue with Mac voiceover

Button_toggle_issue.mov

[s-todorova]

Hi @saurabhmehta13,

Thank you for reporting this. It seems like you pasted the default template in the link for the reproducible sample - there aren't any buttons or any other code different from the starter template. Could you please update with the correct link to the reproducible example so I can test?

Best,
Siyana

[saurabhmehta13]

Here you go - https://codesandbox.io/p/sandbox/clever-browser-k7h2rc
Btw the recording is also shared in the following comment - #11209 (comment)

[s-todorova]

Hello @SAP/ui5-webcomponents-topic-p,

Issue occurs as described on the linked sandbox and in the vanilla ui5 components playground. Tested with JAWS.

Could you please take a look?

Regards,
Siyana