multiselect icon indicating copy to clipboard operation
multiselect copied to clipboard

Multiselect accessible name is absent or wrong

Open narduin opened this issue 1 year ago • 0 comments

Version

  • Vue version: 3
  • Multiselect version: 2.6.11

Description

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.

Demo

narduin avatar Dec 16 '24 13:12 narduin