Accessibility issue: role do not have all required aria attributes

shentao / vue-multiselect

Universal select/multiselect/tagging component for Vue.js

https://vue-multiselect.js.org/

MIT License

6.69k stars 988 forks source link

Accessibility issue: role do not have all required aria attributes #1780

Open antsteyeragorize opened 3 months ago

antsteyeragorize commented 3 months ago

Reproduction Link

https://vue-multiselect.js.org/#sub-getting-started

Not working on actual 3.x version and since 2.1.7.

Was working on 2.1.6 version.

Steps to reproduce

Open chrome console
go to "Lighthouse" tab
Analyse page load with mode "Navigation", device "Desktop" and category "Accessibility"

Expected behaviour

Should not have accessibility issues

Actual behaviour

I'm using vue-multiselect 2.1.x on my project, can you please make the fix also for 2.x versions ? Thanks !

rustamidastan commented 3 weeks ago

Hi, I have solved this problem by adding these properties to component where I am using. aria-label="language select" aria-autocomplete="list" aria-expanded="false" aria-controls="popup_listbox"