Kanban Board: Incorrect reading order

Issue Summary

The content such as "Details", "Description", "Comments", and so on is available at the end of the page inappropriately.

Note: This issue has also been observed on the "Backlog" page.

Steps to Reproduce

1. Navigate to "Boards" dropdown present in the header section.
2. Navigate to the "KAN board" option and activate it.
3. Check that "kanban board" page becomes available on the screen
4. Navigate to the content mentioned in the "Issue Summary".
5. Using JAWS, navigate the content mentioned in the "Issue Summary".
6. Observe that the mentioned content is available at the end of the page.

Screenshot 1: Kanban Board.

Screenshot 2: Backlog

Actual Results

When the screen reader navigate the main content few elements such as "Details", "Description", "Comments", and so on is available at the end of the page which result as incorrect reading order. It is important to maintain the DOM order as ver the visual order of the elements. As a result, screen reader users will mislead about page structure.

Expected Results

Content must have an appropriate reading order. Assistive technologies navigate content using the order in which elements appear in the DOM. Hence, make sure that the content is programmatically ordered in such a way that it provides an appropriate reading order to the users of assistive technologies.

This will create an appropriate reading order for the users of assistive technologies. 

Workaround

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

Environment

MacBook Pro (16-inch, 2019)
macOS Monterey Version 12.6
Chrome - Version 106.0.5249.91 (Official Build) (x86_64)
Firefox- Version 93.0 (32-bit)
Safari- Version 14.1.2 (16611.3.10.1.16)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest