-
Notifications
You must be signed in to change notification settings - Fork 4.1k
[Accessibility]: Inputs uses incorrect aria labeling #6092
Copy link
Copy link
Open
Labels
issue/bug-unconfirmedIssues that describe a bug that hasn't been confirmed by a maintainer yetIssues that describe a bug that hasn't been confirmed by a maintainer yet
Description
Version 5.10 freshly updated generates an input control as such:
<div class="css-1jqq78o-placeholder" id="react-select-2-placeholder">
Select...
</div>
<div class="css-19bb58m" data-value="">
<input class="" style="color: inherit; background: 0px center; opacity: 1; width: 100%; grid-area: 1 / 2; font: inherit; min-width: 2px; border: 0px; margin: 0px; padding: 0px;" autocapitalize="none" autocomplete="off" autocorrect="off" id="react-select-2-input" spellcheck="false" tabindex="0" type="text" aria-autocomplete="list" aria-expanded="false" aria-haspopup="true" role="combobox" aria-describedby="react-select-2-placeholder" value="">
This uses aria-describedby="react-select-2-placeholder" which is not valid for applying a 'label' for accessbility compliance. It should be aria-labelledby.
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
issue/bug-unconfirmedIssues that describe a bug that hasn't been confirmed by a maintainer yetIssues that describe a bug that hasn't been confirmed by a maintainer yet