Issue Summary

The label is not provided for the "Search" form field

Steps to Reproduce

1. Open the home page
2. Navigate to the "Groups" link and activate it
3. Turn on the screen reader and navigate to the "Search” form field.

Actual Results

The form field such as "Search" does not have a label associated with it and the title attribute is not included in its source code either. As a result, users with visual impairments who use a screen reader will not be able to understand the purpose of the input fields.

Expected Results

A visible label such as “Search” should be provided for the respective input field using the <label> element. Additionally “for“ and “id” attribute should be used to associate the label with its corresponding input field.

Note: Before implementing any visual label please connect with the content design team to take a suggestion/approval from them per business logic.

Code snippet

<label class="Field__Label-vqybw1-1 ghWQGY" id="Search-uid4-label" for="Search-uid4">Search</label> <input id="Search-uid4" data-test="search-filter" name="search" class="css-k60tcv" value=""> 

Alternatively,

Provide a descriptive label using the “Search” using the “aria-label” attribute in the <input> element.

<input data-test="search-filter" name="search" class="css-k60tcv" value="" aria-label="Search">

Screenshot

Workaround

Not Available

Bug Ref: 360147