Issue Summary

On the "Accessibility Assessment - Roadmaps" page, within the "Auto-Schedule" non-modal table is not defined for the content such as "Sprints", "Releases", and "Teams".

Steps to Reproduce

1. Open the "Accessibility Assessment - Roadmaps" page.
2. Navigate to the "Auto schedule" button below the header section in the page's main content area and activate it.
3. Navigate to the mentioned content.
4. Inspect the code of the content.
5. Observe that the content is not marked-up using table elements.

Screenshot

Actual Results

The content such as "Sprints", "Releases", "Teams" and so on is visually presented as a data table but not marked-up as table programatically. As a result, screen reader users will find it difficult to understand the content structure.

Expected Results

The content should be announced as a table with appropriate rows and columns along with the headers for associated data by the screen reader for their users.

Utilized table mark-up, such as <table>, <tr>, <th>, <td>, and so on to present the content as a data table.

code snippet

<table caption="Overwriting issue values>
<tr>
<th></th>
<th> spirint</th>
<th> releases</th>
<th> teams</th>
</tr>
<tr>
<td>all values</td>
...
</tr>
</table>

**

Workaround

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

Environment

MacBook Pro (14-inch, 2022)
macOs Ventura 13.5.2
Chrome - Version 116.0.5845.187 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2022
NVDA- Version 2022
Voiceover - Version Latest