Issue Summary

The "Delete Issue" text is defined as <h2> instead of <h1>. 

Note: Similar issue is found on "Archive", "Add flag and comment" and "Split" issue modals (appears on activating the context menu button /Add flag  comment/ Archive" buttons). 

Steps to Reproduce

1. Open DC project.
2. Activate the "Backlog" link from side navigation. 
3. Activate "Context menu of issues" button. 
4. Activate the "Delete/Add comment/ Archive" buttons.
5. Navigate through the modal using the down arrow (JAWS/NVDA) and Control+Option+left/right arrow (VoiceOver).
6. Observe that the heading structure is inaccurate. 

Screenshot 1: Delete Issue: SSP-10

Screenshot 2: Archive Issue

Screenshot 3:Split Issue: SSP-10

Screenshot 4: Add flag and Comment: 1 issue

Actual Results

Heading structure is found to be inappropriate on the modal. Text such as "Delete Issue: SSP-10" 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 "Delete Issue: SSP-10" text. 

<h1>Delete Issue: SSP-10</h1>

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 Version 14.1

Chrome - Version 131.0.6778.265 (Official Build) (arm64)

Firefox- 134.0.1 (64-bit)

Safari- Version 18.2 (19620.1.16.111.6, 19620)

JAWS- Version 2023

NVDA- Version 2023.2

Voiceover - Version Latest