
In the above animation, I've started out with focus on the search input. I then tab forward and backward through the interactive elements in this UI. For forward tab order is:
- Input
- First list item
- Anchor tag within the the first list item
- Anchor tag within the the second list item
Backward tab order is:
- Anchor tag within the the second list item
- Anchor tag within the the first list item
- "Add new visualization" button
- Input
Ideally, the forward tab order shouldn't contain redundant/confusing selections (e.g. both the list item and the anchor within it), and the backward tab order should be the simple reverse of the forward tab order:
- Input
- "Add new visualization" button
- Anchor tag within the the first list item
- Anchor tag within the the second list item
We can probably address this by removing the keyboard-accessibility logic identified in #12483, and simply relying upon the default browser-defined tab order.
In the above animation, I've started out with focus on the search input. I then tab forward and backward through the interactive elements in this UI. For forward tab order is:
Backward tab order is:
Ideally, the forward tab order shouldn't contain redundant/confusing selections (e.g. both the list item and the anchor within it), and the backward tab order should be the simple reverse of the forward tab order:
We can probably address this by removing the keyboard-accessibility logic identified in #12483, and simply relying upon the default browser-defined tab order.