ui5-webcomponents icon indicating copy to clipboard operation
ui5-webcomponents copied to clipboard

[SF][Button]: [A11y]The Button design type "Emphasized" should be ready out as an additional information, not inside the aria-label

Open VidhiNPatel opened this issue 3 months ago • 5 comments

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

  1. Go to https://ui5.github.io/webcomponents-react/v2/?path=/docs/inputs-button--docs
  2. Change the button design type to 'Emphasized'
  3. 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.

VidhiNPatel avatar Oct 01 '25 19:10 VidhiNPatel

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

Lukas742 avatar Oct 02 '25 06:10 Lukas742

Image

Hello @UI5/ui5-team-ctr-bal , can you take a look at this issue ?

Kind Regards Aleksandar

aleksandar-terziev avatar Oct 02 '25 07:10 aleksandar-terziev

This issue has been closed. To reopen, just leave a comment!

github-actions[bot] avatar Oct 20 '25 11:10 github-actions[bot]

: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:

ui5-webcomponents-bot avatar Oct 23 '25 08:10 ui5-webcomponents-bot

Hi @ilhan007 ,

There still has issue for Emphasized button, please check below screenshot, it will read out as "Default Action" Image

Thanks, Richard

GongRichard avatar Dec 15 '25 09:12 GongRichard