Skip to content

More icon button in Navbar on Mobile has no aria tags #3369

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
dsaw opened this issue Mar 6, 2025 · 1 comment · May be fixed by #3370
Open

More icon button in Navbar on Mobile has no aria tags #3369

dsaw opened this issue Mar 6, 2025 · 1 comment · May be fixed by #3370
Labels
Area:Accessibility Category for accessibility related features and bugs Area: Mobile For issues affecting mobile or responsive behavior Bug Error or unexpected behaviors

Comments

@dsaw
Copy link

dsaw commented Mar 6, 2025 •
edited
Loading

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 dsaw added the Bug Error or unexpected behaviors label Mar 6, 2025
@welcome Welcome
Copy link

welcome bot commented Mar 6, 2025

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.

@dsaw dsaw changed the title More icon button in Navbar on Mobile has no aria labels More icon button in Navbar on Mobile has no aria tags Mar 6, 2025
@dsaw dsaw linked a pull request Mar 6, 2025 that will close this issue
Open
@raclim raclim added Area:Accessibility Category for accessibility related features and bugs Area: Mobile For issues affecting mobile or responsive behavior labels Mar 6, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Area:Accessibility Category for accessibility related features and bugs Area: Mobile For issues affecting mobile or responsive behavior Bug Error or unexpected behaviors
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Added support for aria labels in IconButtons & aria roles in menus dsaw/p5.js-web-editor
2 participants
@dsaw @raclim