[KEYBOARD]: Top Nav must set focus correctly when users press Edit or Save button #114151
Labels
accessibility: keyboard navigation
Accessibility keyboard navigation and focus
blocked
impact:low
Addressing this issue will have a low level of impact on the quality/strength of our product.
Project:Accessibility
Team:Platform-Design
Team Label for Kibana Design Team. Support the Analyze group of plugins.
v8.0.0
WCAG A
Description
Our Top Nav should be setting focus on the containing
<nav>
DOM element when users press the Edit button to toggle to edit mode or the Save button to return to view mode. This helps keyboard and screen reader users who are expecting focus order to be managed so that they don't have to traverse backwards to hear or access the menu options.This issue will not be fixable without an EUI update, captured in elastic/eui#5248
Steps to reproduce
TAB
key to navigate to the Edit button, then pressENTER
TAB
key a few more times, and verify focus is not set on the Options button firstkibana-dashboard-options-menu.mov
Actual Result
body
tag when I press EnterExpected Result
nav
element so I can press theTAB
key once and focus the Options buttonRelated Issue
Kibana Version:
v8.0.0
OS:
MacOS Big Sur
Browser:
Chrome latest
Relevant WCAG Criteria: [Understanding Success Criterion 2.4.3: Focus Order
The text was updated successfully, but these errors were encountered: