Issue Summary

The "Edit shortcut" text is defined as <h2> instead of <h1>. 

Steps to Reproduce

1. Open the "Project" page.
2. Navigate to the "Project shortcuts" in the sidebar.
   Activate the "Filter action" button and activate the edit shortcut button.
3. A "Edit shortcut" modal dialog appears.
4. Navigate through the modal using the down arrow (JAWS/NVDA) and Control+Option+left/right arrow (VoiceOver).
5. Observe that the inappropriate heading structure is provided on the modal. 

Screenshort

Actual Results

Heading structure is found to be inappropriate on the modal. Text such as "Edit shortcut" is coded as <h2> instead of <h1> 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

The heading levels should be announced as per the visual hierarchy by screen reader to understand the page structure for their users.

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

Provide <h1> for the "Edit shortcut" text. 

Code snippet

<h1 class="aui-dialog2-header-main">Edit shortcut</h1> 

Workaround

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

Environment

MacBook Pro (16-inch, 2020)
macOs Sonoma 14.7
Chrome - 131.0.6778.265 (Official Build) (x86_64)
Firefox- Version 93.0 (32-bit)
Safari- Version 18.2 (19620.1.16.111.6, 19620)
JAWS- Version 2023
NVDA- Version 2024.3
Voiceover - Version Latest