Issue Summary

The "Search issues" input field does not have a programmatically defined accessible name.

Steps to Reproduce

1. Navigate to the above mentioned page.
2. Navigate onto the mentioned instance and inspect its code.
3. Observe that the input field does not have an accessible name.

Screenshot

Actual Results

The "Search issues" input field does not have a programmatically defined accessible name.

As a result, users of assistive technologies will not be able to understand the purpose or the functionality associated with the form field.

Expected Results

Interactive elements must have programmatically defined accessible names so that their functionality is communicated to assistive technology users. In this scenario, use <label> element to provide an accessible name to the input fields. Make sure that the <label> element is associated with the form fields using "for" and "id" attributes.

When there is no visible text and you cannot add text to the page, use aria-label to manually name elements.

Make sure that the accessible name signposts the purpose or the functionality of the input fields.

Note: Remove the title attribute from the <input> element to avoid any verbose announcement by screen readers.

Code Snippet

<label for="a1">Search issue</label>
<input id="a1" type="text" role="combobox" ...>

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 Ventura 13.3.1
Chrome - Version 113.0.5672.63 (Official Build) (x86_64)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2023
NVDA- Version 2023.3
Voiceover - Version Latest