processing / processing/p5.js-web-editor
More icon button in Navbar on Mobile has no aria tags
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?
Android
Web browser and version
Firefox 136.0 (Android)
Actual Behavior
On opening accessibility mode on Android, (Talkback), on clicking the More button that opens the consolidated dropdown, the button is described as only a button with no description. There seems to be no aria label on that element.
Expected Behavior
Add aria tags like role and label and the label will be announced.
Also aria tags to describe the role of a menu and menubar to make it clearer for any device using the website
Steps to reproduce
Steps:
- Go to settings > accessibility on an Android and enable talkback mode
- Open editor.p5js.org and tap the "more" button.
- The announcement will name it as a button with no description.
Snippet:
// Paste your code here :)
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
Start by locating the mobile Navbar's More button and the consolidated dropdown entry point, then inspect the rendered accessibility roles and labels. Reproduce the issue with Android TalkBack and verify that the button and menu are announced with meaningful names and roles.
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