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

Maintain Focus After Filter Selection #3140

Open
4 tasks
SamiyahKey opened this issue Nov 26, 2024 · 0 comments
Open
4 tasks

Maintain Focus After Filter Selection #3140

SamiyahKey opened this issue Nov 26, 2024 · 0 comments

Comments

@SamiyahKey
Copy link

SamiyahKey commented Nov 26, 2024

Story

As a user relying on keyboard navigation or assistive technologies,
I need the focus to remain on the selected filter after a page reload,
so that I can continue my interaction seamlessly without unnecessary navigation back to my previous position.

Acceptance Criteria

  • When a user selects a filter, the focus remains on the filter after the page reloads.
  • The implementation preserves logical focus order, ensuring users can continue navigating smoothly.
  • Screen readers should announce the updated page state and confirm the selected filter.
  • The focus behavior adheres to WCAG 2.1 Standards 2.4.3 and 3.2.2.

Additional Context

  • Add a script to dynamically set focus back to the filter element after the page reload.
  • Include announcements for screen readers using ARIA live regions or similar mechanisms to inform users of the state change.
  • Test with a variety of assistive technologies to ensure compatibility.

Issue Links

No response

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: 👶 New
Development

No branches or pull requests

1 participant