Timeline: Screen Reader Does Not Announce Position of TimelineItem in SAP UI5 Webcomponents

[samanr]

Bug Description

The TimelineItem component in the SAP UI5 Webcomponents library does not provide positional announcements when navigating through items using screen readers (e.g., "1 of 3", "2 of 3"). This feature should be available out of the box to ensure accessibility for users relying on screen readers.

Actual Result: The screen reader does not announce the position of TimelineItems. It only reads the item content without positional information, hindering navigation and accessibility for visually impaired users.

Affected Component

Timeline

Expected Behaviour

The screen reader should announce the position of each TimelineItem, such as "Item 1 of 3," "Item 2 of 3," etc., as the user navigates through the items.

Isolated Example

No response

Steps to Reproduce

1. Implement a Timeline component containing multiple TimelineItems.
2. Open the application in a browser and activate the screen reader. (JAWS or VoiceOver)
3. Navigate through the TimelineItems using keyboard navigation.
4. Observe the screen reader output.

Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

2.13.1

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

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

[PetyaMarkovaBogdanova]

Hi @samanr ,
I tested this sample: https://ui5.github.io/webcomponents/play/#eNrFVG1P2zAQ_itHPgHCSZoOgUJAE2VISEOgFTZN6hfXvrYGx44St1Ch_ved87KVlyK2L1MiJfec7-65F99ToIzEx3Dmch2kT4HhOQbpOrgXCGscGkdwtsUYFJovp6WdG8kmVktg7GRksq2zq8HNz-sv4I084L-guZkejwI0o4Aw_2Qz5JL-gd6sckuNXthNjXXbqcSJMih34IkwqSofKgVjDR4RsPL2tf9aP7GlQMmE1bZkXN7NK_fsLGRR598LOToOYsbLCh1Rur05Z4c1q1blMyd8ofChsKUbBdDmTeCDkm52LHGhBLJa2ANllFNcs0pwjce9MG6dOeUo5pDnhcYsaiRKO2rzpt-xlUuoqZHrMRf3bTXrTFJY8HKbsYoXp79VA6_ZOYKCS6nMNIWkxPyoDfhGTxiati_-wFztM6dy1FTbk5cAUw5zqGkyh48-W0pIo6QCVPPxM0USh3ESJnHvAHq9tE8Zg6IikaaYUd1JbIs4dNyoSvMFh1OunV3wVseEVuKej6kmWfSKxv8jt4HNB_j8QLzXSxgujQAGg2s4w0pNzVsED8L4sCG4TQzjmM73Evru_KHqZ8lIXrat9bE1H6M-ufwGw6vzOIEk_NRvyDaKes7_kft3JdHCwJoJlmgEwoCKS6xuL_bf4N-nGe95_ofEP2n59zfxf7faxO3KeFKQIzqa6I1ZvIA3DXwz7LRQRKkKB25Z-Ni5lXPtO1-VwotcmfCuqrvdHKwvpr-OzcWMut317pUKVnudq7WN2SHr6zLaXfcyo2rDbjQyKvcLBkZBGK2pq3nh4ZogbbDXtjWDZ_afqTTRA46FJcRQzCqipemir34yOkfvnmcTZUvVWN20Ne4M_9Lsghr2sZh-Vlqm9dX8SMA1m27GGrNgtfoFB9dPrg
with Voiceover and the reading seems fine. Can you, please, provide a video of the test that you execute in order to not hear the reading of the position of timeline items?
Thank you!
Best regards,
Petya Markova.
UI5 Web Components Dispatcher

[samanr]

@PetyaMarkovaBogdanova Thanks for testing. This issue has been on Webcomponents-React Timeline component. I was suggested to create a ticket on this repository. Is there a way we can move it to the webcomponents-react repository and test there?

[PetyaMarkovaBogdanova]

@Lukas742 , perhaps you can help us move the issue to web components for react issues?
Thank you!
Kind regards,
Petya Markova.