Bug Description

Originally reported by @summer2200 in UI5/webcomponents-react#8313.

When ui5-li items with type="Active" are placed inside a ui5-list, screen readers announce "Is Active" on every list item. This results in a repeated, non-specific announcement.

Note: type="Active" cannot simply be replaced with type="Inactive" as the item is no longer interactable, which is required e.g. when using a list as a menu.

Affected Component

ListItem

Expected Behaviour

No response

Isolated Example

https://stackblitz.com/edit/github-q3vmfljc-zsd7v6vs?file=package.json,index.html,main.js

Steps to Reproduce

1. Go to the StackBlitz example
2. Open screenreader
3. navigate the list
4. Hear "isActive" announcements

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

v2.20.0

Browser

Chrome

Operating System

No response

Additional Context

This issue was discovered in the context of @ui5/webcomponents-react's AnalyticalTable column header popover, which uses a ui5-list containing sort/group/filter options. We cannot use a Menu there as for filtering we need to render an input.

Organization

UI5WCR / SAP Sucessfactors (issue reporter)

Declaration

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