(Accessibility) Dashboard Keyboard Navigation

[barlowm]

Steps to reproduce

Navigate to a new dashboard and using the keyboard navigate to the "Add Filter" link and press enter.
The "Edit Filter" dialog appears
Using the keyboard only perform the following steps:

• Press the TAB key to navigate to the "Field" field and fill out,
• Press the TAB key to navigate to the "Operator" field and fill out
• Press the TAB key to navigate to the next field (which should be the "Values" field) the focus goes to the ** "Edit as Query DSL" ** link.

Expected Result

Navigation should go in proper sequence (left to right, top to bottom). (see attached)

Meta Issue:

Accessibility Audit for Kibana 7.0
Make Uptime App Accessible for 7.0

Kibana Version:

7.0

Relevant WCAG Criteria:

WCAG Criterion

https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0#focus-order

[elasticmachine]

Pinging @elastic/kibana-app (Team:KibanaApp)

[majagrubic]

I believe this has been fixed with the recent rewrite of the search bar component. The behavior looks correct to me:

Can you confirm @myasonik so we can close this issue?

[jgough]

I would personally argue that the tabindex of the dropdown arrow V is superfluous to functionality and tabbing should skip over this - as happens in Kibana 6.

[myasonik]

@jgough You're totally right!

That issue is tracked as part of a larger effort of a11y improvements for combobox in EUI: elastic/eui#2841

Closing this issue as there's nothing more to do Kibana side