processing / processing/p5.js-web-editor
Accessibility Bug: EditableInput lacks ARIA description
@pranjal270 is already working on this.
Since Mar 10, 2026.
- Dominant language
- JavaScript
- Stars
- 1.7k
- Forks
- 1.7k
- Avg merge
- 3d 4h
- Merged PRs (30d)
- 8
Description
p5.js version
N/A (Web Editor UI issue)
What is your operating system?
Windows
Web browser and version
chrome://145.0.7632.117
Actual Behavior
When focused, the input should expose an accessible name that clearly describes its purpose.
For example, when used in CollectionMetadata.jsx, screen readers should announce labels such as "Collection Name" or "Collection Description" instead of a generic input field announcement.
Expected Behavior
The EditableInput component could accept a description prop and pass it to the underlying input as an accessible label (aria-label or aria-labelledby), allowing contextual screen reader announcements.
Steps to Reproduce
- Enable a screen reader (e.g.,
VoiceOver,NVDA). - Navigate to a user's Collection page.
- Click on a collection name or description to activate
EditableInput. - Observe that the screen reader announces only a generic input field without context.
Snippet:
// client/modules/IDE/components/EditableInput.jsx (Line 7)
// TODO I think this needs a description prop so that it's accessible
function EditableInput({
validate,
// ...
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.
Assessment
This issue has not been assessed yet.