Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Multiselect accessible name is absent or wrong #436

Open
narduin opened this issue Dec 16, 2024 · 0 comments
Open

Multiselect accessible name is absent or wrong #436

narduin opened this issue Dec 16, 2024 · 0 comments

Comments

@narduin
Copy link

narduin commented Dec 16, 2024

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant