Issue Summary

Inappropriate heading levels are specified for "Advanced Roadmaps keyboard shortcuts", "From anywhere in Jira" and so on text.

Steps to Reproduce

1. Open the "Home" page.
2. Navigate to the header section.
3. Navigate to the "Help" > "Advanced Roadmaps keyboard shortcuts" buttons and activate them > a modal appears.
4. Now, navigate to the mentioned headings in the modal dialog.
5. Inspect their code.
6. Observe that inappropriate heading levels are specified for the mentioned headings.

Screenshot

Actual Results

The "Advanced Roadmaps keyboard shortcuts", "From anywhere in Jira", "When viewing a plan" and "When viewing a program" heading text in the "Advanced Roadmaps keyboard shortcuts" modal dialog that becomes available on activating the "Help" and "Advanced Roadmaps keyboard shortcuts" buttons in the header section is announced with inappropriate heading levels resulting in screen reader users finding it difficult to understand the dialog's structure.

Expected Results

The heading levels should be defined as per the visual hierarchy of the dialog to enable screen reader users to understand the dialog's structure.

Apply the following changes:

• Mark up the "Advanced Roadmaps keyboard shortcuts" heading text using <h1> element.
• Mark up the "From anywhere in Jira", "When viewing a plan" and "When viewing a program" heading text using <h2> element.

Code Example:

<h1 tabindex="-1" id="jpo-keyboard-shortcuts-dialog-title">Advanced Roadmaps keyboard shortcuts</h1>
(...)
<h2 class="global">From anywhere in Jira</h2>

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.7
Chrome - Version 131.0.6778.86 (Official Build) (arm64)
Firefox- Version 134.0 (64-bit) 
Safari- Version 18.1.1 (20619.2.8.11.12)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest