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

aria-labelledby on table cells to not work as expected on NVDA Chrome and Firefox #17365

Open
LaurenceRLewis opened this issue Nov 4, 2024 · 4 comments

Comments

@LaurenceRLewis
Copy link

LaurenceRLewis commented Nov 4, 2024

Steps to reproduce:

I have found aria-labelledby on table cells to not work as expected on NVDA Chrome and Firefox. I used the following Codepen for testing

- Table with Select all checkbox in table header cell

Actual behavior:

When navigating via table keys Ctrl + Left to access the checkbox cell the check box name is not announced. It is when tabbing to the checkbox.

NVDA output copied from Speech Viewer.

column 1 check box not checked Select all rows
row 2 check box not checked
row 3 check box not checked

JAWS output

Select all rows, check box not checked, Row 1
Name John Doe Employee ID 001, check box not checked, Row 2
Name Jane Doe Employee ID 002, check box not checked, Row 3

CHROME: Version 114.0.5735.199
NVDA: 2023.1
FireFox: 114.0.2

Expected behavior:

NVDA announces the aria-labelledby relationships

System configuration

NVDA

Installed

NVDA version:

2024.4

Windows version:

Windows 10 Enterprise
Windows 11 Home

Other questions

Does the issue still occur after restarting your computer? Yes

Have you tried any other versions of NVDA? If so, please report their behaviors. The same

If NVDA add-ons are disabled, is your problem still occurring? No add-ons running

Does the issue still occur after you run the COM Registration Fixing Tool in NVDA's tools menu? Yes

@Adriani90
Copy link
Collaborator

The link for the minimal test case doesn't work on my side. Can you please provide a valid link to the codepen?

@LaurenceRLewis
Copy link
Author

@Adriani90 I have updated the link in the post. The correct link to the example.

https://codepen.io/Deafinitive/pen/eYQmeJK

@Adriani90
Copy link
Collaborator

I think this is intended behavior. NVDA reports the aria-labelledby when pressing the quick navigation key x to navigate to the checkbox. Otherwise the information from aria-labelledby can be accessed when navigating by column. with ctrl+alt+right arrow, Because in column two is the name of the employee and in the last column is its ID. Having the same information also when landing on the checkbox with ctrl+alt+left arrow key would be just redundant verbosity.

I am closing as won't fix since there are enough navigation paterns which provide the information needed, there is no loss of information for the user in this case.

@Adriani90 Adriani90 closed this as not planned Won't fix, can't repro, duplicate, stale Jan 16, 2025
@ramoncorominas
Copy link

I think this should not be closed. Although in this case the aria-labelledby refers to other adjacent cells in the same table, the purpose of aria-labelledby is to point to any other element(s) with IDs, which could be far away from that table. Even if that pattern might not be very common, ignoring aria-labelledby is against the accessible name calculation algorythm, which clearly states that aria-labelledby must be prioritized over any other methods of naming (aria-label, other HTML elements such as labels or header columns, etc)

@seanbudd seanbudd reopened this Feb 11, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants