Issue Summary

The interactive elements do not follow logical tab order.

Steps to Reproduce

1. Open the "View Issue" page.
2. Navigate onto the "Activity" tab and activate it.
3. Navigate to the interactive elements using Tab and observe that the tabbing order is not following the visual order.

Screen Recording

Screen Recording 2024-02-12 at 4.37.50 PM.mov

Actual Results

The tabbing order does not follow the visual order of the elements. The interactive elements receive the keyboard focus in the following illogical order:

1. "Feed" link
2. "Admin Admin" link
3. "SC-5 - List" link
4. "More options" button

This illogical tabbing order will create confusion for keyboard-only users.

Expected Results

The tabbing order of the interactive elements should be correct and logical for users when navigating using a Tab key with a keyboard.

Apply the following changes:

• Place the content of the webpage in the correct sequence in the source code as it appears visually.
• Move the content in the page source in the mentioned order to ensure that the content is available in the correct order.
• CSS can be used to maintain the presentation of the page.

The interactive elements should receive the keyboard focus in the following logical order:

1. "Feed" link
2. "More options" button
3. "Admin Admin" link
4. "SC-5 - List" link

Workaround

Not Available.

Environment

MacBook Pro (14-inch, 2021)
macOs Sonoma 14.2.1
Chrome - Version 121.0.6167.85 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit)
Safari- Version 17.2.1 (19617.1.17.11.12)
JAWS- Version 2022
NVDA- Version 2021.2
Voiceover - Version Latest