Issue Summary

The “Configure Fields” expandable button in the modal dialog uses “aria-haspopup” attribute.

Steps to Reproduce

1. Navigate to the “Create” link present in the header region and activate it.
2. Observe modal dialog gets added on the page.
3. Navigate to the "Configure fields" button and activate it.
4. Observe that the expandable button uses aria-haspopup attribute unnecessarily.

Actual Result

The “Configure Fields” expandable button uses “aria-haspopup" attribute unnecessarily. As a result, users of assistive technologies found it challenging to understand the functionality associated with the disclosure button.

Expected Result

Remove the “aria-haspopup" attribute from the expandable buttons in the DOM. The "aria-haspopup" attribute is technically used on the elements with "role="menu".

Screenshot

Code snippet

<button id="qf-field-picker-trigger" class="aui-button" data-aui-trigger="" aria-controls="qf-fieldpicker-inline" data-test-id="create-issue-dialog.config.fields" resolved="" aria-expanded="false"><span class="aui-icon aui-icon-small aui-iconfont-configure"></span> Configure Fields</button> 

Workaround

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

Environment

MacBook Pro (13-inch, 2020)
macOs Ventura  13.3.1
Chrome - Version 113.0.5672.63 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.2 (18614.3.7.1.5)
JAWS- Version 2021
NVDA- Version 2021.2
Voiceover - Version Latest