Issue Summary

The “close” button is inappropriately coded as link.

Steps to Reproduce

1. Open "Jira - Home" page.
2. Navigate and activate "Create" button in header section.
3. Navigate and activate "Configure Fields > Where is my field?" in the modal dailog.
4. Navigate through the page using the “TAB” key with screen reader running.
5. Navigate to the mentioned button in the modal dailog.
6. Notice that inappropriate role information is read out by the screen reader.

Screenshot

Actual Results

The “close” button is coded as <a> inappropriately present in the modal dailog. however, the mentioned interactive element functions as a button.

As a result, screen reader users are communicated with inappropriate role information.

Expected Result

ARIA role should be appropriately used with correct semantics and its unnecessary usage should be avoided.

Apply the following changes →

1.Native implementation:

• Code the mentioned interactive element using the native <button> element.

• Modify the scripts to ensure that the mentioned button works appropriately.

2.ARIA Implementation:

• Provide role="button" on the <a> element.

• Modify the scripts to ensure the mentioned interactive elements are keyboard-operable.

A working example of an accessible button can be found at: https://www.w3.org/WAI/ARIA/apg/patterns/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.265 (Official Build) (arm64)
Firefox- Version 134.0 (64-bit) 
Safari- Version 18.2 (19620.1.16.111.6, 19620)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest