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

[Security:Explore:Network page]Arrow button for expand/collapse inaccessible with keyboard #205592

Open
L1nBra opened this issue Jan 6, 2025 · 2 comments
Open

[Security:Explore:Network page]Arrow button for expand/collapse inaccessible with keyboard #205592

L1nBra opened this issue Jan 6, 2025 · 2 comments
Labels
defect-level-3 Moderate UX disruption or potentially confusing Project:Accessibility Team: SecuritySolution Security Solutions Team working on SIEM, Endpoint, Timeline, Resolver, etc. WCAG A

Comments

@L1nBra
Copy link

L1nBra commented Jan 6, 2025 •
edited
Loading

Description
All interactive elements should be accessible with keyboard as well.

Preconditions
Security -> Explore -> Network page.

Steps to reproduce

1.Using only keyboard navigate to Network map button.
2.Press Tab few times.
3.Observe the page.

Screen recording
https://github.com/user-attachments/assets/e4320a77-7873-4dae-8ce8-6d7753bfa0f5

Actual Result

  • After Map configuration link, navigation goes to the map itself.

Expected Result

  • After Map configuration link, navigation should go to collapse/expand arrow button.

Notes:
Because the same function (expand/collapse) performs Network map button, it would be better to have arrow near this button and as one element.
And, arrow button can be separately clicked by the mouse and it expands/collapses the map.

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 Jan 6, 2025
@L1nBra L1nBra added WCAG A Team: SecuritySolution Security Solutions Team working on SIEM, Endpoint, Timeline, Resolver, etc. defect-level-3 Moderate UX disruption or potentially confusing and removed needs-team Issues missing a team label labels Jan 6, 2025
@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
Assignees
No one assigned
Labels
defect-level-3 Moderate UX disruption or potentially confusing Project:Accessibility Team: SecuritySolution Security Solutions Team working on SIEM, Endpoint, Timeline, Resolver, etc. WCAG A
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@elasticmachine @L1nBra