Issue Summary

The "Cancel" button is defined as link incorrectly. 

Steps to Reproduce

1. Open DC project.
2. Activate the "Backlog" link from side navigation. 
3. Activate "Boards" button. 
4. Activate the "Create board" button. 
5. Navigate through the modal using the down arrow (JAWS/NVDA) and Control+Option+left/right arrow (VoiceOver).
6. Observe that the button is defined as link incorrectly. 

Screenshot

Actual Results

The "Cancel" element closes the modal and works as a button. However, this button is defined as link using the <a> element incorrectly. 

As a result, the incorrect functionality is conveyed to the screen reader users and they might not be able to interact with the button effectively.

Expected Results

Make sure that the correct functionality and role of the interactive element is conveyed to the screen reader users. In this case, define the "Cancel" element as button using the <button> element. If this is not possible, then use role="button" and tabindex="0" on the container of the button. 

<button>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 Version 14.1

Chrome - Version 131.0.6778.265 (Official Build) (arm64)

Firefox- 134.0.1 (64-bit)

Safari- Version 18.2 (19620.1.16.111.6, 19620)

JAWS- Version 2023

NVDA- Version 2023.2

Voiceover - Version Latest