[SF][Button]: [A11y]The Button design type "Emphasized" should be ready out as an additional information, not inside the aria-label
Describe the bug
Currently, the button design type, such as "Emphasized," is being read aloud as part of the aria-label. However, according to A11y standards, it should be included in the aria-describedby attribute as additional information.
Moreover, the UI5 sample where the 'Emphasized' detail is provided via the aria-describedby attribute rather than as part of the accessible name. The same approach should be followed here. https://ui5.sap.com/#/entity/sap.m.Button/sample/sap.m.sample.Button
Isolated Example
No response
Reproduction steps
- Go to https://ui5.github.io/webcomponents-react/v2/?path=/docs/inputs-button--docs
- Change the button design type to 'Emphasized'
- Observe that aria-label is
Button Text Emphasized, where 'Emphasized' is unnecessarily included in the name instead of being provided as an additional description.
Expected Behaviour
According to A11y standards, it should be included in the aria-describedby attribute as additional information.
Screenshots or Videos
No response
UI5 Web Components for React Version
2.14.0
UI5 Web Components Version
2.14
Browser
Chrome
Operating System
No response
Additional Context
No response
Relevant log output
Organization
No response
Declaration
- [x] I’m not disclosing any internal or sensitive information.
Thanks for reporting! I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.
Hello @UI5/ui5-team-ctr-bal , can you take a look at this issue ?
Kind Regards Aleksandar
This issue has been closed. To reopen, just leave a comment!
:tada: This issue has been resolved in version v2.16.0-rc.2 :tada:
The release is available on v2.16.0-rc.2
Your semantic-release bot :package::rocket:
Hi @ilhan007 ,
There still has issue for Emphasized button, please check below screenshot, it will read out as "Default Action"
Thanks, Richard