search

SAP / ui5-webcomponents

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.
https://sap.github.io/ui5-webcomponents/
Apache License 2.0
1.58k stars 268 forks source link

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

Open Neeeko opened 1 year ago

Neeeko commented 1 year ago

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.

Screenshot 2023-10-18 at 6 15 30 PM

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

yanaminkova commented 1 year ago

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 commented 1 year ago

Hi @yanaminkova, I raised the following defect for the F2 issue: https://github.com/SAP/ui5-webcomponents/issues/7736

niyap commented 1 year ago

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

Neeeko commented 3 months ago

hi @dobrinyonkov , any plan on when this will be addressed?