processing / processing/p5.js-web-editor

Increasing Web-Editor Keyboard Accessibility

Open
#3,077 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Area:Accessibility Enhancement
Dominant language
JavaScript
Stars
1.7k
Forks
1.7k
Avg merge
3d 4h
Merged PRs (30d)
8

Description

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!

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

The issue does not name any files, tests, or entry points. Start by mapping the web editor actions and navigation that currently require a mouse or trackpad, then clarify the shortcut scope with maintainers. Done should be defined as an agreed set of keyboard interactions and customization requirements, with corresponding keyboard-only usability coverage.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
accessibility, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
20/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.