Issue Summary

The label is not provided for “Find projects”, "Find issue types", Find statuses" and so on input fields.

Steps to Reproduce

1. Navigate to “Projects” menu pop-up link and activate it.
2. Navigate to “View all project” link and activate it
3. Navigate to "kanban" link present in data table and activate it.
4. Navigate to "View all issues and filter" link and activate it.
5. Navigate to the "Project all", “Type all”, “Status all”, and  “Assignee all” buttons and activate it.
6. Access the “Search” input fields
7. Inspect the code.
8. Observe that the label is not provided.

Actual Result

The mentioned input fields do not have form labels. As a result, Screen reader users will not be able to understand the purpose of the input fields.

Expected Result

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

If the above approach is not feasible, use aria-label attribute for the mentioned instance.

Screenshot

Code snippet

<label for="issue">Find project</label>
<input autocomplete="off" placeholder="Find project" id="issue">

Workaround

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

Environment

MacBook Pro (13-inch, 2020)
macOs Ventura  13.3.1
Chrome - Version 108.0.5359.124 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.2 (18614.3.7.1.5)
JAWS- Version 2021
NVDA- Version 2021.2
Voiceover - Version Latest