Issue Summary

The heading structure on the page and modal dialogs is found to be inappropriate.

Steps to Reproduce

1. Navigate to "Boards" dropdown present in the header section.
2. Navigate to the "KAN board" option and activate it.
3. Observe that "kanban board" page has been appeared on the page.
4. Navigate to the text elements provided in the Actual Results.
5. Inspect the code and check that heading levels are inappropriate.

Screenshot 1

Screenshot 2

Actual Results

Heading structure is found to be inappropriate for following instances

• text such as "BACKLOG", "SELECTED FOR DEVELOPMENT", "IN PROGRESS<", "DONE" is coded as <h6>
• text such as "Details", "Date", "People", "Description" is coded as <h4>
• text such as "Admin Admin" is coded as <h4> (that becomes available on activating "Show user information" tooltip button)
• text such as "Release" is coded as <h1> (that becomes available on activating "Release" button)
• which does not matches the visual hierarchy on the page. As a result, screen reader users found it difficult to understand the page's content structure.

Expected Results

Use heading levels as per specification such as <h1> should be followed by <h2>, <h3> and so on.

Even though this is required at WCAG 2.1 at Level AAA, it is recommended that the discussed issue be addressed as screen reader users rely on headings heavily to understand the page structure.

In this scenario, provide heading mark-up <h2> for "BACKLOG", "SELECTED FOR DEVELOPMENT", "IN PROGRESS<", "DONE", and so on.

Code Snippet

<h2 class="ghx-column-title" id="ghx-column-title-12" aria-describedby="aui-tooltip">Backlog</h2>

Workaround

Currently there is no known workaround for this behavior. 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