[ui5-carousel]: [a11y] heading levels within carousel are not being announced by screenreader

[I585157]

Bug Description

Child items that either have a section heading tag, or an element with both role = "heading" and aria-level set do not have their heading level announced by a screen reader when placed in a carousel.

Affected Component

ui5-carousel

Expected Behaviour

All items with a section heading tag or with role = "heading" and aria-level set should be announced as a header with their heading level by the screenreader.

Isolated Example

https://codesandbox.io/p/sandbox/laughing-browser-l72jfg?file=%2Fsrc%2FApp.js%3A18%2C18

Steps to Reproduce

1. Open JAWS or NVDA screenreader and navigate to https://codesandbox.io/p/sandbox/laughing-browser-l72jfg?file=%2Fsrc%2FApp.js%3A18%2C18
2. if using JAWS press the h button to loop through all the headers. Verify that the headers within the carousel aren't read out.
3. Then, tab to the carousel items.
4. Verify that the carousel items aren't announced as headers or with a heading level ...

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

1.23.0

Browser

Chrome

Operating System

Mac OS

Additional Context

No response

Organization

No response

Declaration

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