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.

Sign up for GitHub

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

Jump to bottom

Accessibility: Active filter controls not accessible via keyboard navigation #12639

Closed
aphelionz opened this issue Jul 1, 2017 · 0 comments
Closed

Accessibility: Active filter controls not accessible via keyboard navigation #12639

aphelionz opened this issue Jul 1, 2017 · 0 comments
Assignees
@Bargs
Labels
bug Fixes for quality problems that affect the customer experience Project:Accessibility

Comments

@aphelionz
Copy link
Contributor

If you add a filter to one of your selected fields, the following UI displays:

image

However, there is no way to navigate to it via the keyboard. The focus simply goes between the "add a filter" link and the search button.
@cjcenizal cjcenizal mentioned this issue Jul 1, 2017
Closed
21 tasks
@tbragin tbragin added the bug Fixes for quality problems that affect the customer experience label Jul 28, 2017
@Bargs Bargs self-assigned this Aug 2, 2017
@Bargs Bargs mentioned this issue Aug 3, 2017
Merged
Bargs added a commit that referenced this issue Aug 8, 2017
@Bargs
Make filter pills keyboard accessible (#13331)
542d553 
Fixes #12639

It's now possible to tab to each filter's actions and interact with them via the keyboard.

In order to get the actions to show/hide on both mouse hover and action focus I had to create a new filter-pill component that could manage a bit of state to track whether the user was interacting with a given pill or not.
Bargs added a commit to Bargs/kibana that referenced this issue Aug 8, 2017
@Bargs
Make filter pills keyboard accessible (elastic#13331)
ca7fb8f 
Fixes elastic#12639

It's now possible to tab to each filter's actions and interact with them via the keyboard.

In order to get the actions to show/hide on both mouse hover and action focus I had to create a new filter-pill component that could manage a bit of state to track whether the user was interacting with a given pill or not.
Bargs added a commit to Bargs/kibana that referenced this issue Aug 8, 2017
@Bargs
Make filter pills keyboard accessible (elastic#13331)
ebd137f 
Fixes elastic#12639

It's now possible to tab to each filter's actions and interact with them via the keyboard.

In order to get the actions to show/hide on both mouse hover and action focus I had to create a new filter-pill component that could manage a bit of state to track whether the user was interacting with a given pill or not.
Bargs added a commit that referenced this issue Aug 8, 2017
@Bargs
Make filter pills keyboard accessible (#13331) (#13393)
89df162 
Fixes #12639

It's now possible to tab to each filter's actions and interact with them via the keyboard.

In order to get the actions to show/hide on both mouse hover and action focus I had to create a new filter-pill component that could manage a bit of state to track whether the user was interacting with a given pill or not.
Bargs added a commit that referenced this issue Aug 8, 2017
@Bargs
Make filter pills keyboard accessible (#13331) (#13392)
1ee023a 
Fixes #12639

It's now possible to tab to each filter's actions and interact with them via the keyboard.

In order to get the actions to show/hide on both mouse hover and action focus I had to create a new filter-pill component that could manage a bit of state to track whether the user was interacting with a given pill or not.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@Bargs Bargs

Labels
bug Fixes for quality problems that affect the customer experience Project:Accessibility
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@aphelionz @tbragin @Bargs