Carousel: issues brought up by axe DevTools

[rama1990br]

Describe the bug

A scan by axe DevTools on the Carousel component brings up the following as one of the a11y issues which needs to be fixed:
Certain ARIA roles must contain particular children

This can be fixed by adding a role attribute set to "listitem" on the following HTML element:

. . .

Isolated Example

No response

Reproduction steps

1. Go to the Playground for UI5 Webcomponents Carousel component:

2. Run the axe DevTools browser extension on the page and the following issue shows up:
   Certain ARIA roles must contain particular children

Expected Behaviour

The following a11y issue needs to be fixed for the Carousel component:
Certain ARIA roles must contain particular children

Screenshots or Videos

UI5 Web Components for React Version

1.29.10

UI5 Web Components Version

1.24.9

Browser

Chrome

Operating System

macOS 15.3.1 (24D70)

Additional Context

No response

Relevant log output

Organization

SAP SuccessFactors

Declaration

• 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.

[kineticjs]

Hi @SAP/ui5-webcomponents-topic-rd ,

I'm forwarding an ACC issue reported by the Axe DevTools extension on the ui5-carousel component:
The section element of the DOM structure of the component has role="list" and as such it correctly specifies role="listitem" on its child list-items. However, the tool complains that the section element has additional children with role="img" which it claims is not allowed:

See also the analysis from AI: https://claude.ai/share/133c3b08-d40f-4075-8f49-fbe380a0f8ba

The reported issue does not come up when running a quick test with Access Assistant or testing with JAWS.

Forwarding to your side for final inspection by ACC expert.

Thanks

[rama1990br]

Hi Team,
Can we please have an update on this ticket?