[Search:Search Applications:Content page]Active Add selected button with errors in flyout #200150
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
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
UI elements + NVDA Speech Viewer
Actual Result
Expected Result
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
The text was updated successfully, but these errors were encountered: