[Search:SearchApplications:Docs Explorer page]Issues with tour popover near Configuration button #199996
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
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
NVDA Speech Viewer + UI elements
Actual Result
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
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
The text was updated successfully, but these errors were encountered: