Confluence editor: edit & remove elements are coded as links incorrectly.

Issue Summary

In Confluence editor, the elements such as "Edit" & "remove" are marked as links incorrectly.

Note: The "edit" & "remove" elements are displayed when user click on any of the macros such as "Blog posts", "Code block", etc.

Issue id: 725405

Steps to Reproduce

1. Navigate to the Confluence homepage.
2. Navigate to any page inside any of the space.
3. Activate the "edit" button to edit the page.
4. Add a macro such as "Blog posts", "Code block", etc. inside the Confluence editor.
5. Click on any of the macro.

Actual Results

The elements such as "Edit" & "remove" are marked as links incorrectly. This makes screen reader users difficult to understand the purpose of the elements.

Also the code of buttons panel element is present at the end of the page incorrectly. This makes Keyboard only users difficult to navigate to the elements after the popup is displayed.

The "edit" & "remove" elements are displayed when user click on any of the macros such as "Blog posts", "Code block", etc.

Expected Results

The elements such as "Edit" & "remove" should be marked as HTML native <button> elements.

For Example

<button><span class="panel-button-text">Edit</span></button>
<button><span class="panel-button-text">Remove</span></button>

Also the code of the "edit" & "remove" buttons panel should be present right after the code of triggering elements.

Workaround

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