Skip to content
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.

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

fix: accessibility issue in side bar's footer #3130

Merged
merged 11 commits into from
Sep 20, 2024

Conversation

Pragadesh-45
Copy link
Contributor

@Pragadesh-45 Pragadesh-45 commented Sep 18, 2024

fixes: #1907

Description:

This PR improves accessibility in the side navigation bar footer and title components (Updated version of PR: #1975 )

Changes:

  • Marked all SVGs as aria-hidden="true" since they are decorative.
  • Added aria-label to footer icon links for clarity.
  • Wrapped icons in <ul role="menubar"> and <li role="menuitem"> to provide proper navigable structure.
  • Combined the Bruno logo and text into a single button, with the logo marked as aria-hidden="true".

These changes improve the accessibility tree and navigation for assistive technologies.

Contribution Checklist:

  • The pull request only addresses one issue or adds one feature.
  • The pull request does not introduce any breaking changes
  • I have read the contribution guidelines.
  • Create an issue and link to the pull request.

@helloanoop helloanoop merged commit b60c799 into usebruno:main Sep 20, 2024
2 checks passed
@helloanoop
Copy link
Contributor

Thanks @Pragadesh-45 and @shrilakshmishastry for working on this.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Accessibility issues on the Welcome page
3 participants