Issue Summary

Heading structure was found to be inappropriate on the “Keyboard shortcuts” modal dialog.

Steps to Reproduce

1. Open the "Home" page.
2. Navigate to the header section > "Help" button > "Keyboard shortcuts" menu item > a modal appears.
3. Navigate to the mentioned instances and inspect their code.
4. Observe that the mentioned instances uses inappropriate heading levels.

Screenshot

Actual Result

Heading structure was found to be inappropriate on the modal.

Following instances were affected:

• The “Keyboard shortcuts” heading is inappropriately defined as heading level 2 instead of heading level 1.
• The headings such as “Global shortcuts”, “Navigating issues”, “Issue actions", and "Board shortcuts" are inappropriately defined as heading level 3 instead of heading level 2.

 As a result, screen reader users found it difficult to understand the modal dialog content structure.

Expected Result

The heading levels should correctly convey the relationship between the headings, such as the parent-child relationship between the headings. Provide appropriate heading levels to the mentioned heading text, such as <h1>, <h2>, <h3>, and so on.

Code Snippet

<h1>Keyboard shortcuts</h1>
<h2>Global shortcuts</h2>
...
<h2>Navigating issues</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 SEQUOIA 15.2
Chrome - Version 132.0.6834.84 (Official Build) (64-bit)
Firefox- Version 128.6.0esr (64-bit)
Safari- Version - 18.2 (206220.1.16.11.8)
JAWS- Version 2023
NVDA- Version 2023.2
Voiceover - Version Latest