processing / p5.js-web-editor

The p5.js Editor is a website for creating p5.js sketches, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! You can create, share, or remix p5.js sketches without needing to download or configure anything.
https://editor.p5js.org
GNU Lesser General Public License v2.1
1.3k stars 1.26k forks source link

Increasing Web-Editor Keyboard Accessibility #3077

Open kaiserarg opened 3 months ago

kaiserarg commented 3 months ago

Increasing Access

  1. Adding more keyboard accessibility to p5.js’ web editor will increase access by allowing users who cannot use a mouse and/or a trackpad to navigate and interact with p5.js’ editor.
  2. Increases user’s comfort when using the web editor by allowing them to customize their experience through shortcuts
  3. Improve website usability when only using the keyboard

Feature enhancement details

  1. Problem

Lack of options to increase ease of access for individualized experience on p5.js’ web editor. For example, navigation keys are pre-binded and certain navigational features are only limited to mouse/trackpad.

  1. Possible Solution:

We could provide default keybinds for all actions that can be undertaken on the website, and add customizable keyboard shortcuts for users to better personalize their experience with the web editor.

Let me know what you guys think and if this is a good QOL feature enhancement. I would love to work on this!

welcome[bot] commented 3 months ago

Welcome! 👋 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, be sure to follow the issue template if you haven't already.