Issue Summary

The form control is not correctly associated with its visible label either explicitly or implicitly.

Element name: Build plan edit field

Location of the element: Search the edit field, under the "Link to build plan" heading section, in the main content.

Additional details: The screen reader is announcing the placeholder text only as a label i.e "Search for a plan.....".

Steps to Reproduce

1. Open the homepage
2. Navigate to the "Create" button in the header and activate it.
3. Navigate the "Create Deployment Project" link and activate it 
4. Navigate to mentioned combobox and observe the screen reader announcement.

Actual Results

The explicit association of the “for” and “id” attribute is missing for the "Build Plan" combobox. In case of missing explicit association, the element will not be compatible with screen reader software. Thus it will be difficult for screen reader users to interact with it effectively.

Expected Results

The label for mentioned combobox should get announced by the screen reader software when the user navigates through it.

The label for mentioned combobox should be explicitly associated with the form control by providing an identical value that is unique from other IDs to the "for" and "id" attribute to ensure that assistive technologies identify the label for the form control correctly.

Code snippet:

<label for="deploymentProjectPlan" id="fieldLabelArea_deploymentProjectPlan">Build plan<span class="aui-icon icon-required"></span>
<span class="content"> (required)</span></label>    
<input id="deploymentProjectPlan" type="text" autocomplete="off" class="bamboo-single-select-field text" placeholder="Search for a plan …">

Screenshot

Workaround

Not Available

Bug Ref: 460835