Issue Summary

The bookmark links such as "Details", "Description", "Comments" and so on do not work. 

Steps to Reproduce

1. Open DC project.
2. Activate the "Backlog" link from side navigation. 
3. Navigate through page using TAB using the keyboard. 
4. Navigate through the modal using the down arrow (JAWS/NVDA) and Control+Option+left/right arrow (VoiceOver).
5. Open the Issue detail view (hint: "T" for displaying Issue details drawer. 
6. Activate the bookmark links. 
7. Observe that the bookmark links do not work. 

Screen Recording

Screen Recording 2025-01-20 at 7.48.54 PM.mov

Actual Results

Bookmark links such as "Details", "Description", "Comments" and so on do not work, on activating the links the keyboard focus remains on the links itself instead of moving to the respective section. The id="" and href="" to the links are provided for the target container and its bookmark link 

This resulted in keyboard only users not being able to navigate to different sections of the page quickly.

Expected Results

When users activate the bookmark links, focus should move to the respective section. 

 
Apply the following changes:

• Provide unique "id" attribute to the target container.
• Ensure that the href attribute of <a> tag is properly referenced to target container.
•  Manage focus using the focus() method.

<a href="#a1" ...>Details</a>
...
<div id="a1">
//Details section//
</div>

Workaround

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

Environment

MacBook Pro (16-inch, 2021)

macOS Sonoma Version 14.1

Chrome - Version 131.0.6778.265 (Official Build) (arm64)

Firefox- 134.0.1 (64-bit)

Safari- Version 18.2 (19620.1.16.111.6, 19620)

JAWS- Version 2023

NVDA- Version 2023.2

Voiceover - Version Latest