Implemented keyboard navigation to operations menu #1724
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Issue:
#1718 - Accessibility Audit for Keyboard Navigation, Screen Reader and High Zoom
As documented in this issue I am solving:
Code changes:
tabindex="0"
, enabling access to operations via theTab
key.keydown
event listener was added to operations and categories to replicate mouse functionality.User-facing changes:
Tab
key. They can then use eitherEnter
or theSpacebar
to open and close the operations panels.CTRL + Enter
to add operations to the recipe field.Enter
or theSpacebar
to open favourites dialog box.Replication for tabbing to side panel :
To replicate navigating edit favorites with keyboard:
Enter
orspacebar
to open the edit dialog box