ACC: wrong order of texts in accessibility reader on a button

[mszabo42]

Describe the bug

When accessibility reader (JAWS) reads filter button, it reads UI Name last, which is consider to be wrong order. It supposed to read the UI Name followed by its Type and its state.

Isolated Example

https://stackblitz.com/edit/github-rc93m5-4bwabk?file=src%2Findex.css

Reproduction steps

prerequisite: screen reader is running

1. Navigate to Filter button (by pressing tab)
2. Listen to reader / Check reader history

result: Emphasize Button Filter /UI name/ To activate press spacebar

Expected Behaviour

Screen reader reads UI Name followed by its Type and its state.

Screenshots or Videos

No response

UI5 Web Components for React Version

1.26.1

UI5 Web Components Version

1.23.1

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

No response

Organization

No response

Declaration

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

[Lukas742]

Thanks for reporting! I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.

[GerganaKremenska]

Hello @ui5-webcomponents-topic-b I am forwarding this issue to you, because i have tested buttons in openui5 and there is a diffrence in the output.

Openui5:

webcomponetns:

Please take over.

Best Regards, Gergana