Issue Description

In the “Add comment“ modal dialog, the “Add“ input element and “Cancel“ are programmatically coded incorrectly, since visually and functionality behave like a button.

Platform: Jira DC

Version: 8.22.1

Steps to Reproduce

1. Navigate to the main content area in the Comments section and Activate - the “Add comments“ link.
2. Type a comment in the input field and then navigate to the “Add“ and “Cancel“ links.

Screenshot

Actual Behaviour

In the “Add comment“ modal dialog, the “Add” element is coded into an input attribute and the “Cancel“ element is coded into an anchor attribute. This develops confusion for the screen reader user as the elements are announced as a link, but their behaviour is like a button element.

Expected Result

Programmatically the elements should be coded into an <button> attribute or a role=” button” should be provided to the elements. The screen reader would be confused between a link and a button. The functionality would be more clear when the element is coded into a button since it behaves like a button.