Skip to content

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

@VidhiNPatel

Description

@VidhiNPatel

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

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

Metadata

Metadata

Assignees

Type

Projects

Status

Completed

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions