ui5-webcomponents icon indicating copy to clipboard operation
ui5-webcomponents copied to clipboard

List: Screen readers are unable to announce the single selection case

Open sleric1024 opened this issue 1 year ago • 9 comments

Bug Description

Accessibility Issue with Screen Readers: Screen readers are unable to announce the single selection case. In contrast, for multi-selection, screen readers successfully convey the MultiSelection message to sightless users.

Affected Component

No response

Expected Behaviour

Both single selection or multiple selection should be recognized by screen readers.

multi-selection items: Contains Multi-Selectable Items. ✅

single-selection items: Contains Selectable Items ❌

Ensure that once the focus is on single or multiple selection section, screenreader should announce the selection mode accordingly. Such as Contains Single-Selectable Items.

Isolated Example

https://sap.github.io/ui5-webcomponents/components/List/

Steps to Reproduce

...

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

2.5.0

Browser

Chrome

Operating System

No response

Additional Context

This issue occurs from b2411 deliver and is requested from a11y expert.

Organization

SAP Successfactors

Declaration

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

sleric1024 avatar Dec 10 '24 08:12 sleric1024

Please don't close this because seems the previous one didn't fixed yet. https://github.com/SAP/ui5-webcomponents/issues/7905

sleric1024 avatar Dec 10 '24 08:12 sleric1024

Hello @sleric1024 ,

I tested List Selection Modes Snippet and it seems that all of the selection modes are properly announced by JAWS.

Could you please test it as well?

Regards, Plamen Ivanov

plamenivanov91 avatar Dec 10 '24 13:12 plamenivanov91

@plamenivanov91 , thanks for your quick response. While could you please help to check if this announcement is about the list title? image

Because in some case, the title can be defined according to real business usage. Thanks Eric

sleric1024 avatar Dec 11 '24 02:12 sleric1024

Hello @sleric1024 ,

I changed the titles and they are properly announced when focusing some of the list items.

https://github.com/user-attachments/assets/ca96e3ee-af04-4eb5-9d02-c099c1576067

Is this sufficient for you ?

Regards, Plamen Ivanov

plamenivanov91 avatar Dec 11 '24 14:12 plamenivanov91

@plamenivanov91 , thanks for the information. Confirmed with a11y expert. Could you please ask to confirm with UI5 team PM and A11y Expert. https://github.com/SAP/ui5-webcomponents/blob/e41370f4869fdc7e37f9dc293a2b7519c10bb6ee/packages/main/src/i18n/messagebundle_en.properties#L157

It is possible to change the label to: ARIA_LABEL_LIST_SELECTABLE=Contains Single-Selectable Items. If so, the message will be clear to ARIA_LABEL_LIST_MULTISELECTABLE=Contains Multi-Selectable Items

sleric1024 avatar Dec 12 '24 02:12 sleric1024

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

Could you please take over?

Regards, Plamen Ivanov

plamenivanov91 avatar Dec 12 '24 08:12 plamenivanov91

Would you please let us know the current state? What is the design item?

judith9209 avatar Nov 06 '25 08:11 judith9209

Hi @judith9209 , the design items, currently on hold, are FIORIDESIGN-14521 and FIORIDESIGN-14522 Best, Petya Markova. UI5 Web Components developer

PetyaMarkovaBogdanova avatar Nov 27 '25 15:11 PetyaMarkovaBogdanova

@PetyaMarkovaBogdanova thanks a lot for sharing.

judith9209 avatar Nov 27 '25 15:11 judith9209