FreedomScientific / standards-support

Contains documentation for Vispero software support of Web standards
https://freedomscientific.github.io/standards-support/
GNU General Public License v3.0
105 stars 11 forks source link

Feature request: Narrate row position in the grid, while user navigates "row by row" #813

Open kolaps33 opened 4 months ago

kolaps33 commented 4 months ago

Feature request description

Across the Microsoft products, like for example MS Onedrive, MS Teams is used grid where user can navigates row by row. Please see simple codesandbox example: https://4hdw6h.csb.app/

When user navigate in the grid by pressing up/down arrow key, then it navigates "row by row". It would be great and really useful if user know the position of the row in the table.
Please see enclosed video what is meant by "row by row" navigation: https://github.com/FreedomScientific/standards-support/assets/22620150/f0f025a1-223f-48a2-9042-4d5b94c9a48c

Solution

Narrate the position of the row in the grid, similarly like when user navigates through the grid cell by cell. Current narration is: "accessible name" row

Proposing narration: "accessible name" row 1 "accessible name" row 2 "accessible name" row 3

We would need as well support of the "aria-rowindex" prop based on the aria spec: https://www.w3.org/TR/wai-aria-1.1/#row

Please see the example with "aria-rowindex": https://www.w3.org/TR/wai-aria-1.1/#aria-rowindex

Additional context

Currently the JAWS narrates the position for the row in the treegrid https://www.w3.org/WAI/ARIA/apg/patterns/treegrid/examples/treegrid-1/ so would be nice to have this narration as well for the grid.