fix: accessibility issue in side bar's footer - Githubissues

usebruno / bruno

Opensource IDE For Exploring and Testing Api's (lightweight alternative to postman/insomnia)

https://www.usebruno.com/

MIT License

25.67k stars 1.17k forks source link

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

Closed Pragadesh-45 closed 1 week ago

Pragadesh-45 commented 1 week ago

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:

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

helloanoop commented 1 week ago

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