Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Urgent - WithIn One Week][SF][UI5-List][A11y][NVDA] Screen Reader

See original GitHub issue

Dear colleagues, I am from SuccessFactors Web Experience Shanghai team. we use NVDA to test a11y issues in our project

Reproduce Step:

Open https://github.wdf.sap.corp/pages/xweb/assignment/app.html?mock#/assignment-detail/ao/2
Click the applicants tab

Bug Description

Issue 1. The Applicants is a ui5-li-groupheader, it should not be announced as a list item. Expected Behavior: The ui5-li-groupheader should not be announced as a list item assignment-ui5-list-a11y-1

Issue 2. The Applicants is a ui5-li-groupheader, So the total count of list item is 6 ( ui5-li-groupheader should not be counted into total number ) , but screen reader reads number 7 ( actually ui5-li-groupheader is counted into total number ) assignment-ui5-list-a11y-3

Issue 3. Selected state of radio button(checked/ not checked) should be announced by screen reader. In this issue, Applied item is a selected item, but the selected state is not announced by screen reader . Expected behavior: the selected state should be announced by screen reader . assignment-ui5-list-a11y-2

Issue 4. Listbox missing accessible name When the listbox role is added to an element, screen reader should announce the label and role of the listbox when it gets focus. assignment-ui5-list-a11y-4

Issue 5: Role of radio buttons should be announced for screen reader users Role of radio buttons should be announced for screen reader users Ensure radio buttons have accessible name using aria-label or aria-labelledby attribute assignment-ui5-list-a11y-5

Issue 6: If I set accessible-name attribute to ui5-list, the text will be announced twice by screen reader In this case, the text All is announced twice by screen reader assignment-ui5-list-a11y-6

Issue Analytics

State:
Created 2 years ago
Comments:18 (11 by maintainers)

Top GitHub Comments

1reaction

dobrinyonkovcommented, Sep 15, 2021

Hi @sfsf-xweb-sh,

By design, those radio buttons are not meant to be interactive and they are not reachable via keyboard, therefore they are not announced. They have tabindex attribute of “-1”.

The reported issue by AXE is that every toggle field should have an accessible name.

Kind Regards, Dobrin

0reactions

ilhan007commented, Oct 4, 2021

Hello @sfsf-xweb-sh we released 0.31.20, including one more fix to the List - on entry a tutor message about the type of selection of the list is announced.