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

feat: add screen reader labels for better accessibility #2960

Open
wants to merge 12 commits into
base: master
Choose a base branch
from

Conversation

volfiros
Copy link
Contributor

Describe the changes you have made in this PR

Adding screen reader labels to elements wherever necessary for better accessibility.

For both the menus (user and account menus) as the Menu component is being used tab keys cannot be used to traverse menu items so instead I have added a screen reader message at the beginning of menu so that the user is notified that he can only use the arrow keys to access menu items.

Link this PR to an issue [optional]

Fixes #2573

Type of change

  • fix: Bug fix (non-breaking change which fixes an issue)
  • feat: New feature (non-breaking change which adds functionality)

How has this been tested?

Tested manually using a screen reader.

Checklist

  • Self-review of changed code
  • Manual testing
  • For UI-related changes
  • Darkmode
  • Responsive layout

@volfiros
Copy link
Contributor Author

@rolnz Please review this PR.
Thanks!

@volfiros
Copy link
Contributor Author

@rolnz Please review this PR. Thanks!

I have added some translation keys for some component screen reader labelling. I guess there is no need to run any script for newly added keys. If it is not the case please give some feedback for further translations changes.

@reneaaron reneaaron added the next-release To be included in the next release label Feb 8, 2024
@reneaaron reneaaron added after-next-release Waiting for the next release (e.g. translations) and removed next-release To be included in the next release labels Mar 13, 2024
@reneaaron reneaaron added next-release To be included in the next release and removed after-next-release Waiting for the next release (e.g. translations) labels Mar 25, 2024
@stackingsaunter
Copy link
Contributor

With all the changes since last year this is not mergeable now? @reneaaron

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
next-release To be included in the next release
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add missing labels to increase accessibility
3 participants