Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[P2][Sourcing][Accessibility][Table with Multiselect checkbox]: When focus is on header checkbox , the screenreader reads whole table content at once which is irrelevant #11843

Open
I543348 opened this issue Apr 29, 2024 · 2 comments
Assignees

Comments

@I543348
Copy link

I543348 commented Apr 29, 2024

Is this a bug, enhancement, or feature request?

Bug

Describe your proposal.

When focus is on header checkbox , the screenreader reads whole table content at once which is irrelevant to the disabled users.
On forward navigation, the visible focus will be covering whole table, but the information read is

“Table

Column 1 row 2

Tree grid to select row press spacebar

Check box not checked

Column 1 row 2”

Here in the reading, the whole information is very confusing where even though the whole table is getting focused the information “Column 1 row 2” is not meaningful and also the information “To select row press spacebar checkbox not checked” is relevant to only one cell and not the whole table.

Can you handle that on the application side

No

Which versions of Angular and Fundamental Library for Angular are affected? Please, specify the exact version. (If this is a feature request, use current version.)

Angular : 15
Core / platform: 0.43.33

If this is a bug, please provide steps for reproducing it; the exact components you are using;

Reach header checkbox (first column) by pressing tab from search box , and observe the screenreader reading.
Screenshot 2024-04-29 at 3 02 30 PM

Please provide relevant source code (if applicable).

https://stackblitz.com/edit/angular-9qxxca-hgtuob?file=src%2Fapp%2Fplatform-table-preserved-state-example.component.html,src%2Fapp%2Fplatform-table-preserved-state-example.component.ts,package.json

Please provide stackblitz example(s).

https://stackblitz.com/edit/angular-9qxxca-hgtuob?file=src%2Fapp%2Fplatform-table-preserved-state-example.component.html,src%2Fapp%2Fplatform-table-preserved-state-example.component.ts,package.json

In case this is Accessibility related topic, did you consult with an accessibility expert? If not, please do so and share their recommendations.

This is reported by Accessibility test lab team

Did you check the documentation and the API?

Did you search for similar issues?

Is there anything else we should know?

IMPORTANT: Please refrain from providing links or screenshots of SAP's internal information, as this project is open-source, and its contents are accessible to anyone.

@I543348
Copy link
Author

I543348 commented May 16, 2024

@mikerodonnell89 can you pls share an ETA for this ?

@droshev
Copy link
Contributor

droshev commented May 23, 2024

@I543348 this will be estimated once the table focus issues (#11443) is implemented. S

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants