Create a New Page - Modal: Visible label/form field are not associated

Issue Summary

In 'Create space' modal, the 'Select space' label is not programatically associated with the combobox element.

Steps to reproduce

1. Navigate to the Confluence homepage.
2. Navigate to the 'Create from template' link in header section & activate it.
3. Navigate to the 'select space' Combobox inside 'Create' dialog. 

Actual Results

While navigating with screen reader tuned on, when user navigate to the 'Select space' combobox screen reader announces as 'Edit text blank' because the visual label is not programatically associated with input field.

This makes screen reader users difficult to understand the purpose of these input fields.

Expected Results

The screen reader should announce the labels when user navigate to the 'Select space' checkbox. Associate the labels to the input fields explicitly via for & id relation.

Code snippet

<label for="s2id_autogen8">Select space</label>
<input class="select2-focusser select2-offscreen" type="text" id="s2id_autogen8">

Screenshots:

Issue 723955: https://axeauditor.dequecloud.com/api/v1/file/70a51712-51a4-11ec-a641-9be922f742f2 

Create page modal: https://axeauditor.dequecloud.com/api/v1/testrun-unit-screenshot/da72aac2-51a6-11ec-a381-13c7cf2ef1e9 

BACKGROUND

People who are blind cannot use the visual layout of a form to determine which labels go with which form elements. In order to be certain which label goes with which form element, the label and form element must be programmatically associated. When labels and form elements are programmatically associated, a screen reader user can put focus on a form element and the screen reader will automatically read the label and element type together. In addition, some coding methods will create a larger clickable area for the form element which benefits people with motor disabilities.

Workaround

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