a11y: make table content associated with table label

[liweitian]

Description

make table content associated with table label

Task Item

Refs #2026

[corinagum]

With this change, the Narrator reads out each row at once, but does not allow navigation between cell via table or arrows.

Users via Assisted Technology should be able to examine each cell, with relevant information included.

Please check out this link for an example of expected behavior: https://www.w3.org/TR/wai-aria-practices/examples/grid/dataGrids.html When using Narrator in Edge, the user is able to navigate to each cell, learn what row and column they are focused on, and also hear the name of the column to indicate what data is reading out.

Here is some extra information: https://whatsock.com/training/matrices/
(3.2.2: Grid Role)

If you have any questions on this, please let me know and I am happy to help :)

[liweitian]

With this change, the Narrator reads out each row at once, but does not allow navigation between cell via table or arrows.

Users via Assisted Technology should be able to examine each cell, with relevant information included.

Please check out this link for an example of expected behavior: https://www.w3.org/TR/wai-aria-practices/examples/grid/dataGrids.html When using Narrator in Edge, the user is able to navigate to each cell, learn what row and column they are focused on, and also hear the name of the column to indicate what data is reading out.

Here is some extra information: https://whatsock.com/training/matrices/
(3.2.2: Grid Role)

If you have any questions on this, please let me know and I am happy to help :)

I got what you mean. For now, we are using microsoft fabric UI to implement this grid. I did not find a way to access each cell. I left an issue on their github repository to see if they can fix this issue.