Issue Summary

The form control is not correctly associated with its visible label either explicitly or implicitly for the Choose a delimiter select element in the Export-CSV modal.

Steps to Reproduce

1. In the Jira header, navigate to the issues link and activate the "Search issues" link in it.
2. In the Search issues page, navigate to the Export button and activate it,
3. In the available menu, popup select the Export CSV all option.
4. Keeping the screen reader on, try to interact with the Choose a delimiter select element in the modal

Actual Results

The Choose a delimiter select element in the Export-CSV modal does not have a label explicitly associated with it and the form field has a missing label. Hence it would not be able to identify its purpose for the assistive technology users.

Labels need to be explicitly associated with their respective form controls for assistive technologies to identify the label accurately and convey the information to the users.

Expected Results

Associate the label explicitly with the form control by providing an identical value that is unique from other IDs to "for" and "id" attributes to ensure that assistive technologies identify the label for the form control correctly.

Refer to the following code snippet:

<label for="csv-delimiter-input">Choose a delimiter</label>
<aui-select name="delimiter" resolved="" tabindex="-1">
<input id="csv-delimiter" type="text" class="text" autocomplete="off" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" id="csv-delimiter-input" aria-controls="aui-uid-0" aria-activedescendant="null">

Screenshot

Workaround

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

Bug Ref: 724057