Issue Summary

The button is included in the heading mark up inappropriately.

Steps to Reproduce

1. Open the "View Issue" page.
2. Navigate to the "edit summary" button present in the main content area.
3. Observe that mentioned button is included in the heading mark up.

Screenshot

Actual Results

The "Edit summary" button is marked up as a heading. However, the text does not constitute as a heading.

This created confusion for screen reader users about the content structure.

Expected Results

Remove the "List: Edit Summary" button from the heading mark-up and place it after <h2> element. If required, use CSS to maintain the presentation of the page.

Code Snippet

<h2 id="summary-val" class="editable-field inactive" title="Click to edit">List</h2>
<span role="button" tabindex="0" class="overlay-icon aui-icon aui-icon-small aui-iconfont-edit" aria-label="Edit Summary"></span>

Workaround

Not Available.

Environment

MacBook Pro (14-inch, 2021)
macOs Sonoma 14.2.1
Chrome - Version 121.0.6167.85 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit)
Safari- Version 17.2.1 (19617.1.17.11.12)
JAWS- Version 2022
NVDA- Version 2021.2
Voiceover - Version Latest