[SF][A11y][ui5-list]: Availability of interactive elements within the row is not getting announced

[Neeeko]

Bug Description

Using a screen reader such as JAWS, when we focus on a full row which contains a button, the screen reader properly announces the content of the row, but not the interactive element. Ideally, it should announce a button as such so that an accessible user can understand that there's an interactive element within the row.

This feature works properly in SAPUI5: https://sapui5.hana.ondemand.com/#/entity/sap.m.CustomListItem/sample/sap.m.sample.CustomListItem

But not in this code sand box: https://codesandbox.io/s/v63xqt?file=/index.html

Affected Component

ui5-list

Expected Behaviour

No response

Isolated Example

https://codesandbox.io/s/v63xqt?file=/index.html

Steps to Reproduce

1. Go to https://codesandbox.io/s/v63xqt?file=/index.html
2. With JAWS (or NVDA), focus on the row
3. Note that only the button label is announced but not the fact that it's an interactive element

Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

latest

Browser

Chrome, Edge, Firefox, Safari

Operating System

macOS

Additional Context

No response

Organization

SuccessFactors

Declaration

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

[yanaminkova]

Hi @Neeeko,

Could you please split the described items into two separate issues, so we could process them more precisely?

Thanks and Kind regards,
Yana

[Neeeko]

Hi @yanaminkova, I raised the following defect for the F2 issue: #7736

[niyap]

Hello @SAP/ui5-webcomponents-topic-p,

When we have CustomListItem with interactive element within it, for example ui5-button, when the list item is on focus, just the button's text is announced. There is no information that it is a button. : https://sap.github.io/ui5-webcomponents/nightly/playground/main/pages/List/
In UI5, in the same scenario both "button" and its text is announced.

Could you please look over?

Thank you in advance!

Kind Regards,
Niya