Issue Summary

There is a missing explicit association for the “Developer" and "Filter whole table" input fields. The 'for' and 'id' association is missing between the visual label and the form control.

Steps to Reproduce

1. Edit the page, and add the "Table filter" macro and update the page.
2. Navigate to the mentioned fields and listen that labels are not announced.

Actual Result

The mentioned input field does not have label explicitly associated to it. The 'for' and 'id' association is missing between the form control.This creates confusion for screen reader users as to what information needs to be inputted.

Expected Result

Label for mentioned Input field should get announced by screen reader software when user navigates through it.

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

Screenshot 1

Screenshot 2

Code snippet

<label for="label">Developer</label>
<input id="label" class="chosen-search-input default" type="text" autocomplete="off" placeholder="Click and start typing..." style="width: 140px;">

Workaround

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