search

open-sauced / app

🍕 Insights into your entire open source ecosystem.
https://pizza.new
Apache License 2.0
428 stars 228 forks source link

Bug: Improve accessibility of sidebar navigation #4185

Open CorinaMurg opened 3 weeks ago

CorinaMurg commented 3 weeks ago

Describe the bug

The sidebar navigation and its toggle button have accessibility issues that affect keyboard and screen reader users:

These are fixes that will allow keyboard and screen reader users access the button. There are a few other issues affecting elements inside the navigation and should be part of another ticket.

Steps to reproduce

  1. Go to https://app.opensauced.pizza/. If already on the page, just refresh.
  2. Start pressing tab until you reach the navigation button. (Testing with a screen reader will announce the button just as "button".)
  3. Press Enter to activate the button and open the menu. (The screen reader will not announce anything, so the user does not know that the navigation menu is open)
  4. Press tab again. The focus will go to the Create Insights button on the main page, and not inside the navigation.
github-actions[bot] commented 3 weeks ago

Thanks for the issue, our team will look into it as soon as possible! If you would like to work on this issue, please wait for us to decide if it's ready. The issue will be ready to work on once we remove the "needs triage" label.

To claim an issue that does not have the "needs triage" label, please leave a comment that says ".take". If you have any questions, please comment on this issue.

For full info on how to contribute, please check out our contributors guide.

nickytonline commented 3 weeks ago

Would you like to with in this @CorinaMurg ? If so, feel free to .take it.

github-actions[bot] commented 3 weeks ago

The issue you are trying to assign yourself is blocked until it can be triaged or by another label on the issue.

github-actions[bot] commented 3 weeks ago

The issue you are trying to assign yourself is blocked until it can be triaged or by another label on the issue.

github-actions[bot] commented 3 weeks ago

The issue you are trying to assign yourself is blocked until it can be triaged or by another label on the issue.

CorinaMurg commented 3 weeks ago

.take