processing / processing/p5.js-web-editor
Keyboard Shortcut Dialog is Not Accessible via Keyboard Navigation
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 1.7k
- Forks
- 1.7k
- Avg merge
- 3d 4h
- Merged PRs (30d)
- 8
Description
p5.js version
No response
What is your operating system?
None
Web browser and version
No response
Actual Behavior
When opening the Keyboard Shortcuts dialog in the p5.js Web Editor, the shortcut keys and their corresponding actions (e.g., Ctrl + / → Comment Line) are not focusable or navigable using the Tab key. This makes it very difficult or impossible for users who rely on keyboard navigation (e.g., those with motor disabilities or who use screen readers) to read or understand the available shortcuts.
Expected Behavior
Each shortcut key and description should be individually focusable using the Tab key (or arrow keys), allowing screen readers and keyboard users to access the information.
Steps to reproduce
- Open the p5.js Web Editor.
- Open the Keyboard Shortcuts dialog.
- Try to use the Tab key to navigate through the list of shortcut keys with Screen Reader.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Open the p5.js Web Editor and inspect the Keyboard Shortcuts dialog, starting with the component or entry point that renders its shortcut list. Verify the current Tab and screen-reader behavior, then make each shortcut and description reachable by keyboard and confirm the complete list can be read without a mouse.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100