[Search:Playground page]Incorrect navigation when getting errors for the fields after Save in flyout

[L1nBra]

Description After saving input in the form user should be informed about the errors and navigation should go to the first element with an error in order for the user to fix the errors. Especially for the users using only keyboard, that they wouldn't need to go through all other elements in order to reach the field which was entered incorrectly.

Preconditions Stateful Playground page is opened.

Steps to reproduce

1.Navigate to Connect to an LLM button by pressing Tab key. 2.Press Enter. 3.Navigate to AI connector button by pressing Tab key. 4.Press Enter. 5.Navigate to Save button by pressing Tab key. 6.Press Enter. 7.Press Tab key.

UI elements

Actual Result

• Focus goes to the next element Back button.. Same when trying to Save other connector (Amazon Bedrock, Google Gemini, OpenAI) data without entering data or entering it incorrectly.

Expected Result

• Focus goes to the first element with error, in this case Connector name field..

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)

• Understanding SC 2.4.3: Focus Order (Level A)(https://www.w3.org/WAI/WCAG22/Understanding/focus-order.html)
• Understanding SC 3.3.1: Error Identification (Level A)(https://www.w3.org/WAI/WCAG22/Understanding/error-identification.html)

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

[elasticmachine]

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