Issue Summary

The "aria-label" attribute is defined inappropriately.

Element name:

• Add Watchers

Location of the element: Editable Combobox, in the "Add Watchers" popup, in the "People" heading section, in the main content.

Steps to Reproduce

1. Open the JSM homepage.
2. Navigate to the "Project" link in the header and activate it.
3. Select any project link and activate it.
4. Navigate to the main content and activate the present issue links
5. Navigate to the "View watchers" link and activate it.
6. Inspect the code for mentioned instance and observe that the aria attribute is defined inappropriately.  

Actual Results

The "aria-label" attribute is defined inappropriately for the "Add Watchers" input field. The visible label is associated with the input field using "for" and "id" explicitly. The "aria-label" attribute overrides the visible text which confuses the screen reader user.

Expected Results

Remove the "aria-label" attribute from the input field's source code. The visible label should be announced with the input field.

<label class="js-add-watchers-label" for="watchers-textarea">Add Watchers</label>
(...)
<textarea autocomplete="off" role="combobox" aria-autocomplete="list" aria-expanded="false" id="watchers-textarea" class="text long-field" wrap="off" aria-multiline="false"></textarea>

Screenshot

Workaround

Not Available

Bug Ref: 746176

Bulldog Ref: