SegmentedButton: Accessibility issue ARIA input fields must have an accessible name

[achuth2912]

Describe the bug

When we run a axe dev tools for SegmentedButton component we are having a accessibility issue reported saying the component must have accessible name for the aria input fileds.

Isolated Example

https://sap.github.io/ui5-webcomponents-react/?path=/docs/inputs-segmentedbutton--docs

Reproduction steps

...

Expected Behaviour

We need to ensures every ARIA input field has an accessible name

Screenshots or Videos

UI5 Web Components for React Version

1.28.1

UI5 Web Components Version

1.24.0

Browser

Chrome

Operating System

Mac OS

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.

[Todor-ads]

Hello @SAP/ui5-webcomponents-topic-b, Could you please look into this issue?

Regards, Todor

[unazko]

Hello @achuth2912,

The described issue in the ui5-segmented-button component is actually a sample issue. By UX guidelines the application developers have to provide an external label or an accessibleName to the ui5-segmented-button element. Additionally in case the ui5-segmented-button-item is icon-only then a tooltip is also required. Please use the related PR: https://github.com/SAP/ui5-webcomponents/pull/9809 as a reference on how those API could be used by the application developers, in order not to have the described AXE tool issues.

Best regards, Boyan