[Feature Request]: ui5-bar component does not support custom aria-label

[ee92]

Feature Request Description

The ui5-bar component uses the design attribute as the aria-label of the main element.

In some cases it is desired to have a custom label for the element.

Requesting support be added for such uses cases.

Proposed Solution

Support accessible-name and accessible-name-ref attributes for the ui5-bar component to override the aria-label of the main element.

Proposed Alternatives

Alternatively, the component can pass all html attributes down to the main element, allowing aria-label, aria-labelledby or any other attribute to be used.

Organization

SuccessFactors

Additional Context

We use the ui5-bar as a floating footer, with a message and an action button. Our accessibility experts say users need additional context when navigating to the button.

Adding the context to the button itself using accessible-name results in an incorrect order of the text:
" button"

The preferred approach is to avoid changing the button, and just use a custom label for the ui5-bar component itself.

Thanks for your help!

Priority

Medium

Privacy Policy

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

[ivoplashkov]

Hello colleagues,

The reporter suggests that the Bar component should expose an API so that developers can define custom aria-label / aria-labelledby attributes.

Could you please assess whether this request is applicable and should be implemented?

Thanks and regards,
Ivaylo