Description
The dual range slider in the Dashboard UI should allow users to change the numeric value using arrow keys. The lower (left) range input does not respond to arrow keypress events. This can create difficulty for keyboard and screen reader users who may not know they can enter numbers directly into the input. I've attached a MOV file below that demonstrates the keypress events being ignored.
Steps to reproduce
Log into a QA environment and open a new classic Deployment
Turn on the sample dashboards and navigate to one. I used the E-commerce sample data for this demo.
Tab through until the Quantity slider has focus. Make sure the first input has the focus.
Description The dual range slider in the Dashboard UI should allow users to change the numeric value using arrow keys. The lower (left) range input does not respond to arrow
keypress
events. This can create difficulty for keyboard and screen reader users who may not know they can enter numbers directly into the input. I've attached a MOV file below that demonstrates the keypress events being ignored.Steps to reproduce
Quantity
slider has focus. Make sure the first input has the focus.Up_Arrow
a few times1
https://github.com/elastic/kibana/assets/934879/7dc8cc2d-94cf-4a85-b71b-71f90ec67ddf
Actual Result
Expected Result
Up_Arrow
keyKibana Version: 8.14.0
OS: MacOS
Browser: Chrome latest
Relevant WCAG Criteria: