Issue Summary

The "Cancel" interactive element has incorrect role as link instead of a button.

Steps to Reproduce

1. Open the "Home" page.
2. Navigate to the "Issues" button in the header section and activate it.
3. Navigate to the "Create issues" link and activate it.
4. Now, navigate to the "Save as" button in the main content area and activate it > a modal appears.
5. Navigate to the mentioned instance and inspect the code.
6. Observe that the element has an incorrect interactive role as a link instead of button.

Screenshot

Actual Results

The "Cancel" interactive element in the "Save Filter" modal dialog that becomes available after activating "Save as" button in the main content area is incorrectly defined as a link instead of a button.

As a result, it will cause confusion to the screen reader users or mislead the functionality associated with the mentioned element. 

Expected Results

Interactive element should have an appropriate interactive role.
In the scenario, it would be semantically correct to code the mentioned interactive element as button.

This can be achieve by replacing the <a> element with <button> element. If it is not feasible, specify role="button" attribute on the <href="..."> element of the mentioned instance.

Code Example:

<button accesskey="`" class="aui-button aui-button-link cancel"...>Cancel<button>

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 14.7
Chrome - Version 131.0.6778.86 (Official Build) (arm64)
Firefox- Version 134.0 (64-bit) 
Safari- Version 18.1.1 (20619.2.8.11.12)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest