[Security:Explore:Users page]Inaccessible elements via keyboard #205312
Labels
defect-level-1
Critical UX disruption
impact:critical
This issue should be addressed immediately due to a critical level of impact on the product.
Project:Accessibility
Team: SecuritySolution
Security Solutions Team working on SIEM, Endpoint, Timeline, Resolver, etc.
WCAG A
Description
All interactive elements should be accessible via keyboard as well.
Preconditions
Security -> Explore -> Users page.
Steps to reproduce
1.Using only keyboard navigate to Add filter.
2.Add few options.
3.Navigate to drag handle and press Spacebar.
4.Press down/up arrow keys to change the order.
5.Observe the page.
6.Navigate to any graph by pressing Tab key.
7.Observe the page.
Screen recording
https://github.com/user-attachments/assets/c00b97d6-7da7-476f-b7d6-f1086f24f4a1
UI elements

graphs
Actual Result
Expected Result
Notes:
-On All users tab, in the table when user navigates with only keyboard to a value in User name column - additional actions are not present. Even though when user hovers over value with mouse, actions are present.
when navigating with keyboard only

hovered with mouse

-navigate to All users tab -> press Enter on any User name (f.e.: root). Navigate to +4 More button. Result: dialog opens, but user cannot navigate through items in it neither with Tab key nor with up/down arrow keys even though they are announced as clickable by NVDA

-Navigate to created Timeline template -> navigate to bottom left part where user can select and add fields. Using only keyboard drag and drop fields. Result: with only keyboard cannot drag and drop.

Meta Issue
Kibana Version: 8.17.0-SNAPSHOT
OS: Windows 11 Pro
Browser: Chrome Version 131.0.6778.140 (Official Build) (64-bit)
WCAG or Vendor Guidance (optional)
Related to: https://github.com/elastic/kibana-team/issues/1280
The text was updated successfully, but these errors were encountered: