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:Search Applications:Content page]Active Add selected button with errors in flyout #200150

Open
L1nBra opened this issue Nov 14, 2024 · 1 comment
Labels
defect-level-2 Serious UX disruption with workaround 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

Comments

@L1nBra
Copy link

L1nBra commented Nov 14, 2024

Description
Buttons which save, create indices according to the details filled in form - should not be active when form has errors. Or at least user should be asked to fix errors before proceeding.
Button which does nothing and no announcement about errors when activating it can confuse users. Especially the ones using assistive technology.

Preconditions
Stateful Search Applications -> Content page is opened.
Search application is added.
Use Screen Reader (NVDA).

Steps to reproduce

1.Using only keyboard Navigate to Add new indices button by pressing Tab key.
2.Press Enter.
3.Navigate to Select searchable indices field.
4.Enter any text (f.e.: test).
5.Navigate to Add selected button.
6.Press Enter.
7.Observe screen reader.
8.Press Tab key.
9.Observe the page.

Gif showing issue
Image

UI elements + NVDA Speech Viewer
Image

Actual Result

  • Add selected button is active. When pressing Enter on it - nothing happens; no announcement about errors in the flyout; navigation goes to the next element (Cancel button).

Expected Result

  • Either due to errors in the flyout Add selected button is inactive
    or
    when user press Enter on Add selected button: focus goes to the field in error (Select searchable indices) and announcement about errors in the flyout is made.

Meta Issue

Kibana Version: 8.17.0-SNAPSHOT

OS: Windows 11 Pro

Browser: Chrome Version 130.0.6723.70 (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 Nov 14, 2024
@L1nBra L1nBra added WCAG A impact:high Addressing this issue will have a high level of impact on the quality/strength of our product. defect-level-2 Serious UX disruption with workaround labels Nov 14, 2024
@botelastic botelastic bot removed the needs-team Issues missing a team label label Nov 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
defect-level-2 Serious UX disruption with workaround 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
Projects
None yet
Development

No branches or pull requests

3 participants