Issue Summary

A <header> element is used unnecessarily in the non-modal dialog (becomes available on activating any issue link).

Steps to Reproduce

1. Open the "Scrum board" page.
2. Navigate to any issue on the board and activate it.
3. Observe that the issue will open in a non-modal dialog.
4. Using screen reader, navigate through the non-modal content, observe screen reader announcement.
5. Inspect the code.
6. Observe <header> is used unnecessarily.

Screenshot

Actual Results

The <header> element is incorrectly defined in non-modal dialog (becomes available on activating any issue link). As a result, the banner is announced twice on the page which resulted in a confusing experience for screen reader users.
Note: Screen reader identifies the <header> element as “banner” landmark for its users. A page can have only 1 banner.

Expected Results

Remove <header> element from the issue non-modal dialog. As there should be only 1 banner on a webpage.

Workaround

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

Environment

MacBook Pro (16-inch, 2021)
macOS: Sonoma 14.3
Chrome - Version 119.0.6045.105 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.6 (18615.3.12.11.2)
JAWS- Version 2023
NVDA- Version 2021.2
Voiceover - Version Latest