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

Improve Filter button accessibility through more fitting ARIA attribute & focus management #625

Open
3 tasks
marvieqa opened this issue May 5, 2024 · 0 comments
Labels
A11y Accessibility

Comments

@marvieqa
Copy link
Collaborator

marvieqa commented May 5, 2024

Description

Using a screen reader, when Filter button is activated, it says "Current". This doesn't appear to fit the Filter button's behavior.

When the filter button is selected, we display the filter options. It is acting like a disclosure. In this case, the filter should have an expanded and collapsed state. When it is expanded, the next element where the screen reader focus should fall on is the heading "Suggested Priority", and so on.

Screenshot Screenshot 2024-05-05 at 16 55 14

Acceptance Criteria

  • use <aria-expanded> on Filter button
  • When the Filter is expanded, the next focus (screenreader) should be the items in the Filter options
  • When the Filter option is dismissed, focus stays on the Filter button.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
A11y Accessibility
Projects
Status: No status
Development

No branches or pull requests

1 participant