Issue Summary

On the “Find an issue” page, Illogical tabbing order is found on the page, the interactive elements receive the keyboard focus in the illogical order

Steps to Reproduce

1. Navigate to “Projects” menu pop-up link and activate it.
2. Navigate to “View all project” link and activate it
3. Navigate to "kanban" link present in data table and activate it.
4. Navigate to "View all issues and filter" link and activate it.
5. Tab through the page to observe that the tabbing order is not accurate.

Actual Result

When the screen reader and keyboard-only users navigate the interactive elements such as "Share", "Export", "Tools","Save as". have illogical focus order when compared to the visual order of the elements.

The following tab order is observed:

“Share" → "Export” → “Tools” → "Save as".

As a result, keyboard-only and cognitive impaired users would not be able to access the page effectively, resulting in a bad user experience.

Expected Result

The tabbing order of the interactive elements should be correct for users when navigating using a TAB key through a keyboard.

Ensure that the visible focus order is maintained as the logical focus order as follows:

”Save as” → “Share" → "Export” → “Tools” 

Screen Recording

Screen Recording 2023-04-10 at 6.38.06 PM.mov

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available

Environment

MacBook Pro (13-inch, 2020)
macOs Ventura  13.3.1
Chrome - Version 108.0.5359.124 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.2 (18614.3.7.1.5)
JAWS- Version 2021
NVDA- Version 2021.2
Voiceover - Version Latest