You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The input element is given a default aria-labelledby aria attribute when searchable="true". The target of the attribute is the selected option. This should not be the case all the time per MDN docs:
Every combobox must have an accessible name. If using an input element, the accessible name should come from the associated label
Currently, when using a searchable multiselect with a defined label, the input loses its accessible name to aria-labelledby on option selection (which is not reset on deselect). There is no way to override it (even with the aria prop). The input should retain its accessible name from the label.
When not using searchable="true", the div with the combobox role is not given any accessible name.
Version
Description
The
input
element is given a defaultaria-labelledby
aria attribute whensearchable="true"
. The target of the attribute is the selected option. This should not be the case all the time per MDN docs:Currently, when using a searchable multiselect with a defined
label
, theinput
loses its accessible name toaria-labelledby
on option selection (which is not reset on deselect). There is no way to override it (even with thearia
prop). Theinput
should retain its accessible name from thelabel
.When not using
searchable="true"
, thediv
with the combobox role is not given any accessible name.Demo
The text was updated successfully, but these errors were encountered: