Issue Summary

The label is missing for the "filter projects by name" input field.

Steps to Reproduce

1. Open the "project" page.
2. Navigate to the mentioned input field.
3. Inspect the input field and observe that the label is missing.

Screenshot

Actual Results

When the screen reader user navigates onto the ""filter projects by name" input field present in the main content area, no label is announced for it.

As a result, screen reader users would not understand the purpose of the input field and they might find it difficult to interact with the unlabelled fields.

Expected Results

There should be a visible label for mentioned input field. Label should be explicitly associated via “for” attribute of <label> and “id” attribute of <input>. Visible labels help all users to understand the purpose of a form element. In case if visible label is not feasible then the accessible should be defined via{{ aria-label}} attribute.

Workaround

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

Environment

MacBook Pro (14-inch, 2021)
macOs Ventura  13.4
Chrome - Version 114.0.5735.106 (Official Build) (arm64)
Firefox- Version 112.0. 1
Safari- Version 16.5 (18615.2.9.11.4)
JAWS- Version 2023
NVDA- Version 2023
Voiceover - Version Latest