Issue Summary

Texts such as “To do”, "In progress" and "Done" are marked as <h4> elements.

Steps to Reproduce

1. Open the "Scrum board" page.
2. Using the screen reader, pull up the list of Headings.
3. Observe that the mentioned text has incorrect heading markup as per visual hierarchy.

Screenshot

Actual Results

Text such as “To do”, "In progress" and "Done" in the “Scrum board” page is marked as <h4> element that does not match the visual hierarchy of the page.

This made it difficult for screen reader users to understand the page’s content structure.

Expected Results

The heading levels should be announced as per the visual hierarchy by the screen reader to understand the page structure for their users.

Mark the mentioned instance using <h2> heading markup.

Code Example:

<h2 class="ghx-column-title" id="ghx-column-title-53" aria-describedby="aui-tooltip">To Do</h2>
...
<h2 class="ghx-column-title" id="ghx-column-title-54" aria-describedby="aui-tooltip">In Progress</h2>
...
<h2 class="ghx-column-title" id="ghx-column-title-55" aria-describedby="aui-tooltip">Done</h2>

Workaround

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

Environment

MacBook Pro (16-inch, 2021)
macOs Sonoma 14.3
Chrome - Version 120.0.6099.109 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit) 
Safari- Version 17.3 (19617.2.4.11.8)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest