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:SearchApplications:Docs Explorer page]Issues with tour popover near Configuration button #199996

Open
L1nBra opened this issue Nov 13, 2024 · 1 comment
Labels
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. Project:Accessibility Team:Search WCAG A WCAG AA

Comments

@L1nBra
Copy link

L1nBra commented Nov 13, 2024

Description
Tour popover appears near Configuration button and covers buttons behind it. It is reachable with keyboard, but user has to navigate to Notebooks button first and then after it tour popover is reached.
Navigation has to be in logical sequence as well and elements should not cover over elements or it would be better for user to be able to dismiss tour popover before navigating to covered (due to popover) elements.

Preconditions
Stateful Search Applications -> Docs Explorer page is opened for the first time (or without tour dismissed).
Search application is added.
Use Screen Reader (NVDA).

Steps to reproduce

1.Using only keyboard Navigate to tour popover Close tour button by pressing Tab key.
2.Observe the page.
3.Observe screen reader.
4.Press Esc key.

Gif showing issue
Image

NVDA Speech Viewer + UI elements
Image

Actual Result

  • After Search field user visually doesn't see focus nor the elements (buttons) which are behind the popover: View API call, Search.
    Focus is on tour popover close button only after Notebooks button. Tour popover is announced as dialog, but when user presses Esc key it is not closed.

Expected Result

  • After configuration button, focus goes to tour popover Close tour button when popover is present. That way after closing popover if user continues navigation, he/she will be able to clearly see View API call, Search buttons.
    If element should really be announced as dialog, then Esc key should close the popover.

Meta Issue

Kibana Version: 8.17.0-SNAPSHOT

OS: Windows 11 Pro

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

Screen reader: NVDA

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 Nov 13, 2024
@L1nBra L1nBra changed the title [Search:SearchApplicationsDocs Explorer page]Issues with tour popover near Configuration button [Search:SearchApplications:Docs Explorer page]Issues with tour popover near Configuration button Nov 13, 2024
@L1nBra L1nBra added WCAG A WCAG AA Team:Search defect-level-3 Moderate UX disruption or potentially confusing labels Nov 13, 2024
@botelastic botelastic bot removed the needs-team Issues missing a team label label Nov 13, 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 Dec 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
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. Project:Accessibility Team:Search WCAG A WCAG AA
Projects
None yet
Development

No branches or pull requests

2 participants