Add keyboard controls to table row handles #8689
Conversation
- Table rows can now be reordered using the arrow keys, not just a mouse - Table row handles are announced as spin buttons to screen readers - Table row handles are now hidden on single-row tables
DNin01
added
type: enhancement
|
I was thinking of replacing the handle with up and down arrows and moving the X to the top right but this also works. |
The reason I tried out a spin button is so that the UI wouldn't have to change depending on whether you were using a keyboard or a mouse—it was a creative solution. |
I think it would be a good idea to compare this implementation with a few other apps and websites - if there's an established pattern, we should follow it instead of inventing something else. For example, in the Language & region page in Windows settings, the drag handles don't get keyboard focus. Instead, there's a dropdown menu with "move up" and "move down" options: |
3 participants
Resolves (from #8577):
Changes
Before, the handles used to reorder table rows in addon settings only responded to mouse input. Now, you can focus the handle and press the up and down arrow keys to move the table row. When using a screen reader, the handle is supposed to work like a spin button, which also allows items to be moved incrementally.
Reason for changes
For better accessibility.
I don't know if this is usually how moving items works, but it'll do.
Tests
Changes tested using Windows Narrator and Edge.