processing / processing/p5.js-web-editor

Hilighted brace style or cusor enhansment for improved visibility

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

Nobody has claimed this yet.

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

Description

Increasing Access

image

As you can see in the images above when braces are highlighted you cannot visually tell if the cursor is on the at position 1, 2, 3,or 4. ie myFunction1(2i3)4

By improving this we let people quickly visually determine the exact position of there cursor so they know where they are typing at all times.

Feature enhancement details

Some ideas how to improve this would be to use a highlight color instead of a border box.

Another possibility is to add the feature of cursor style so that we can select the block or underscore courser.

Let me know what you thinks

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

Start by locating the editor UI code responsible for brace highlighting and cursor styling, then compare its behavior with the example in the issue. Decide on the supported visibility improvement from the proposed alternatives; done means users can reliably distinguish the cursor's exact position near highlighted braces.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
accessibility, design, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.