Filter-bar : Screen reader should convey ‘Checked’ information for the checked checkbox and ‘Unchecked’ information for the unchecked checkbox both the information.

[sanjayC5373903]

Describe the bug

We are checked with latest version. Screen reader with filter dialog box open. and that dialog box inside for move on next we press Tab Key move arrow Key Up & Down key. but its not working its not moved. and when I am using spacebar for tryed to unchecked checkbox. its not working. It just read text label of checkbox.

Without screen reader with arrow key selection is also working. with screen reader its not working.

We are checked Filterbar on https://sap.github.io/ui5-webcomponents-react

Isolated Example

No response

Reproduction steps

1. Open Jaws Screen reader.
2. click on filter button. Open filter Dialog box.
3. Press Tab and move on First Row of Checkbox.
4. Then press arrow key up and down. & check screen Reader history.

Expected Behaviour

Screen Reader is read checkbox is checked information. selection of row should move up and down with arrow key.

Screenshots or Videos

No response

UI5 Web Components for React Version

~1.29.0

UI5 Web Components Version

~1.24.0

Browser

Chrome

Operating System

Windows11

Additional Context

No response

Relevant log output

No response

Organization

No response

Declaration

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

[sanjayC5373903]

Hi @Lukas742 and @ui5-webcomponents-react-bot Could you please check this issue. Please provide necessary help for this.

[jadhavarjun]

Hello @ui5-webcomponents-react-bot, I am also facing same issue.

[sanjayC5373903]

Hi @MarcusNotheis
Could you please check this issue. Please provide necessary solution for this.
When should i expect resolution ?

Thanks

[MarcusNotheis]

Hi everyone,
yes, we'll look into the issue as soon as we can.
The last weeks have been very busy with the release of UI5 Web Components v2, so upgrading our library to support v2 was our main priority.

Two questions on the actual issue as they are not 100% clear to me from the description:

1. You click on Filters, the dialog opens and then you tab into the table. When JAWS is active, the keyboard navigation doesn't work but when JAWS is off it is working fine?
2. I've tested the keyboard selection/deselection and it worked fine for me. Which element were you trying to uncheck? The first row (StepInput) can't be unchecked as it as the required flag.

[sanjayC5373903]

Hi @MarcusNotheis
From above two points you mentioned

1. its working as mentioned.
2. After coming to the first row, we can use arrow keys to move up and down is not working, also when are are pressing space bar the respective checkbox is getting checked-unchecked is also not working.

Yes, It is correct The first row (StepInput) can't be unchecked as it as the required flag.