Search for issue: Heading mark-up used inappropriately

Issue Summary

The button is included in the heading mark up inappropriately. Additionally, an inappropriate label is provided for the button.

Steps to Reproduce

1. Open the homepage
2. Navigate to the header and activate the "Search for issues" link in the "Issues" dropdown
3. Navigate to the "edit summary" button
4. Observe that mentioned button is included in the heading mark up

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. Additionally, An inappropriate label "As a user, I'd like a historical story to show in reports: Edit Summary" is provided for the "Edit summary" button. 

Expected Results

Apply the following changes:

• Remove the "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.
• Specify the descriptive label "Edit Summary" for the button via the "aria-label" attribute. Remove the heading text from the aria-label attribute.

<h2 id="summary-val" class="editable-field inactive" title="Click to edit">As a user, I'd like a historical story to show in reports</h2>
<span role="button" tabindex="0" class="overlay-icon aui-icon aui-icon-small aui-iconfont-edit" aria-label="Edit Summary"></span>

Screenshot

Workaround

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