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

[Dashboard management UI][KEYBOARD]: Dual range slider minimum input is not responding to arrow key events #183185

Open
1Copenut opened this issue May 10, 2024 · 2 comments
Labels
accessibility: keyboard navigation Accessibility keyboard navigation and focus defect-level-2 Serious UX disruption with workaround Project:Accessibility Team:Presentation Presentation Team for Dashboard, Input Controls, and Canvas WCAG A

Comments

@1Copenut
Copy link
Contributor

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

  1. Log into a QA environment and open a new classic Deployment
  2. Turn on the sample dashboards and navigate to one. I used the E-commerce sample data for this demo.
  3. Tab through until the Quantity slider has focus. Make sure the first input has the focus.
  4. Press Up_Arrow a few times
  5. Verify the number in the input still reads 1
range-slider-input-arrow-key.mov

Actual Result

  • Number does not change on arrow keypress events

Expected Result

  • Number should increase when user presses the Up_Arrow key

Kibana Version:
8.14.0

OS:
MacOS

Browser:
Chrome latest

Relevant WCAG Criteria:

@1Copenut 1Copenut added Project:Accessibility WCAG A accessibility: keyboard navigation Accessibility keyboard navigation and focus defect-level-2 Serious UX disruption with workaround labels May 10, 2024
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-accessibility (Project:Accessibility)

@botelastic botelastic bot added the needs-team Issues missing a team label label May 10, 2024
@ThomThomson ThomThomson added the Team:Presentation Presentation Team for Dashboard, Input Controls, and Canvas label May 10, 2024
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-presentation (Team:Presentation)

@botelastic botelastic bot removed the needs-team Issues missing a team label label May 10, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility: keyboard navigation Accessibility keyboard navigation and focus defect-level-2 Serious UX disruption with workaround Project:Accessibility Team:Presentation Presentation Team for Dashboard, Input Controls, and Canvas WCAG A
Projects
None yet
Development

No branches or pull requests

3 participants