p5.js-web-editor icon indicating copy to clipboard operation
p5.js-web-editor copied to clipboard

More icon button in Navbar on Mobile has no aria tags

Open dsaw opened this issue 9 months ago • 1 comments

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.

Image

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:

  1. Go to settings > accessibility on an Android and enable talkback mode
  2. Open editor.p5js.org and tap the "more" button.
  3. The announcement will name it as a button with no description.

Snippet:


// Paste your code here :)

dsaw avatar Mar 06 '25 15:03 dsaw

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.

welcome[bot] avatar Mar 06 '25 15:03 welcome[bot]