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.