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

[Security:Explore:Users page]Inaccessible elements via keyboard #205312

Open
L1nBra opened this issue Dec 31, 2024 · 2 comments
Open

[Security:Explore:Users page]Inaccessible elements via keyboard #205312

L1nBra opened this issue Dec 31, 2024 · 2 comments
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

Comments

@L1nBra
Copy link

L1nBra commented Dec 31, 2024

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
Image

Actual Result

  • Filter options order cannot be changed, navigation goes to another element. All graphs on the page are inaccessible.

Expected Result

  • Options order can be changed (as with mouse), graphs are accessible with keyboard.

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
Image

hovered with mouse
Image

-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
Image

-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.
Image

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

@elasticmachine
Copy link
Contributor

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

@botelastic botelastic bot added the needs-team Issues missing a team label label Dec 31, 2024
@L1nBra L1nBra added WCAG A impact:critical This issue should be addressed immediately due to a critical level of impact on the product. Team: SecuritySolution Security Solutions Team working on SIEM, Endpoint, Timeline, Resolver, etc. defect-level-1 Critical UX disruption and removed needs-team Issues missing a team label labels Dec 31, 2024
@elasticmachine
Copy link
Contributor

Pinging @elastic/security-solution (Team: SecuritySolution)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
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
Projects
None yet
Development

No branches or pull requests

2 participants