Issue Summary

The “Search” input field does not have a form label.

Steps to Reproduce

1. Open the "Home" page.
2. Navigate to the header section.
3. Navigate to the “Search” input field and inspect the code.
4. Observe that the input field does not have a form label.

Screenshot

Actual Results

The "Search" input field present in the header section of the page does not have a form label.

As a result, screen reader users will not understand the purpose of the input field.

Expected Results

The screen reader should correctly announce the label for each form field for their users.

Apply the following changes:

• Provide a unique and descriptive label for the mentioned “Search” input field using <label> element.

• Associate the label explicitly with the input field by providing an identical value that is unique from other IDs to the "for" and "id" attributes of the label and form field respectively.

When there is no visible text and you cannot add text to the page, use the 'aria-label' attribute.
Make sure that the accessible name signposts the purpose or the functionality of the input field.

Code Example:

<label for="quickSearchInput">Search</label>
<input id="quickSearchInput" type="text" title="Search ( Type '/' )" placeholder="Search" name="searchString" accesskey="q"...>

Workaround

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

Environment

MacBook Pro (16-inch, 2021)
macOs Sonoma 14.7
Chrome - Version 131.0.6778.86 (Official Build) (arm64)
Firefox- Version 134.0 (64-bit) 
Safari- Version 18.1.1 (20619.2.8.11.12)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest