Issue Summary

The <header> element is used in the modal dialog inappropriately

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

Actual Results

The <header> element is defined for the content such as "Kanban/ KAN - 2", "Actions (Type . to access issue actions)" and "Close detail ( T )" inappropriately. As a result, screen reader users might get confused.

Expected Results

Remove <header> element from the source code of the mentioned element.

Code Snippet

<div><div class="ghx-key-group"><div class="ghx-project">Kanban</div>
(...)
<h3 class="ghx-issue-details-link"><a href="/browse/KAN-1" tabindex="0" aria-describedby="aui-tooltip">KAN-1</a></h3>
(...)
</div>

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