Issue Summary

The ARIA attributes are used inappropriately for the form fields inappropriately.

Steps to Reproduce

1. Navigate to "Request New Account" form.
2. Inspect the code and verify that aria attributes has been used inappropriately.

Screenshot

Actual Results

The form fields such as "Select a system" and "Appeal category" has an empty aria-label attribute defined inappropriately in the source code. As a result, it is not playing any important role in fact it is not a good practice to provide multiple aria attributes unnecessarily.

Expected Results

Remove the ARIA attribute from the <input> element.

Code Snippet

<label class="field-label" for="components" id="components-label">Select a system</label>
<input class="" autocapitalize="none" autocomplete="off" autocorrect="off" id="react-select-components-instance-input" spellcheck="false" tabindex="0" type="text" aria-autocomplete="list" aria-expanded="false" aria-haspopup="true" aria-labelledby="components-label" aria-required="true" role="combobox" aria-describedby="react-select-components-instance-placeholder" value="" style="color: inherit; background: 0px center; opacity: 1; width: 100%; grid-area: 1 / 2; font: inherit; min-width: 2px; border: 0px; margin: 0px; outline: 0px; padding: 0px;">

Workaround

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

Environment

MacBook Pro (16-inch, 2019)
macOS Ventura Version 13.6.1
Chrome - Version 120.0.6099.234 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 17.3 (18617.2.4.11.9, 18617)
JAWS- Version 2022
NVDA- Version 2020.3