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

[Search:Indices:Pipelines page] Manage button missing focus after closing or cancelling the dialog #196650

Open
L1nBra opened this issue Oct 17, 2024 · 3 comments
Labels
a11y:keyboard defect-level-3 Moderate UX disruption or potentially confusing impact:high Addressing this issue will have a high level of impact on the quality/strength of our product. loe:small Small Level of Effort Project:Accessibility Team:Search WCAG A WCAG AA

Comments

@L1nBra
Copy link

L1nBra commented Oct 17, 2024

Description
Focus order should be in sequence and visible in order for user to know on which element he/she is at the moment. Especially for the users, using only keyboard.

Preconditions
Stateful Indices -> Pipelines page is opened.

Steps to reproduce

1.Navigate to Manage button while using only keyboard by pressing Tab key.
2.Press Enter.
3.Press Tab.
4.Press Enter (dialog opens).
5.Navigate to x (close) button or Cancel button.
6.Press Enter.
7.Observe the page.

UI elements
Image
Image
Image

Actual Result

  • No focus on Manage button, if pressing Enter key - button doesn't get activated.
    No focus after pressing Enter on Delete pipeline button.

Expected Result

  • Focus should be on Manage button.
    After pressing Enter on Delete pipeline, it would be better to have focus on the first element on the page (for this page probably Pipelines tab would be better).

Meta Issue

Kibana Version: 8.16.0-SNAPSHOT

OS: Windows 11 Pro

Browser: Chrome Version 129.0.6668.101 (Official Build) (64-bit)

WCAG or Vendor Guidance (optional)

Related to: https://github.com/elastic/search-team/issues/8256

@elasticmachine
Copy link
Contributor

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

@botelastic botelastic bot added the needs-team Issues missing a team label label Oct 17, 2024
@L1nBra L1nBra added WCAG A WCAG AA Team:Search defect-level-3 Moderate UX disruption or potentially confusing labels Oct 17, 2024
@botelastic botelastic bot removed the needs-team Issues missing a team label label Oct 17, 2024
@L1nBra L1nBra added the impact:high Addressing this issue will have a high level of impact on the quality/strength of our product. label Oct 30, 2024
@L1nBra L1nBra changed the title [Stateful:Indices:Pipelines page] Manage button missing focus after closing or cancelling the dialog [Search:Indices:Pipelines page] Manage button missing focus after closing or cancelling the dialog Nov 7, 2024
@daveyholler
Copy link
Contributor

Heads up to the engineer that picks this up... this will likely be the same case for the Connectors and Crawlers pages with Pipelines tabs

@erikcurrin-elastic
Copy link

This probably requires a simple CSS change to indicate focus for the component

@navarone-feekery navarone-feekery self-assigned this Dec 5, 2024
@navarone-feekery navarone-feekery removed their assignment Dec 27, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y:keyboard defect-level-3 Moderate UX disruption or potentially confusing impact:high Addressing this issue will have a high level of impact on the quality/strength of our product. loe:small Small Level of Effort Project:Accessibility Team:Search WCAG A WCAG AA
Projects
None yet
Development

No branches or pull requests

7 participants