Skip to content

[SF_ACC][List]: [UI5 WebComponents List - Keyboard Accessibility Issue with Delete Selection Mode] #13220

@cptDev6

Description

@cptDev6

Bug Description

The UI5 WebComponents List component with selectionMode="Delete" is not properly accessible via keyboard navigation. Users cannot tab to focus the Delete/cross-icon from the list to remove items, making this feature unusable for keyboard-only users.

Affected Component

No response

Expected Behaviour

  • Users should be able to navigate to delete/cross icon of the list items using Tab key

Isolated Example

https://ui5.github.io/webcomponents-react/v2/?path=/docs/data-display-list--docs

Steps to Reproduce

  1. In ui5 web components, open List component- https://ui5.github.io/webcomponents-react/v2/?path=/docs/data-display-list--docs
  2. Select selection mode as delete
  3. And see the cross icon is not jeyboard accessible
    ...
ui5-list.mp4

Log Output, Stack Trace or Screenshots

No response

Priority

High

UI5 Web Components Version

2.19.1

Browser

Chrome

Operating System

Windows

Additional Context

No response

Organization

SAP Labs

Declaration

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

Metadata

Metadata

Assignees

Type

Projects

Status

In Progress

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions