Multiselect: Accessibility issue aria-allowed-role - list-box role not allowed

[shreyashgharod]

Describe the bug

I am facing a accessibility issue while using prime react component for multiple selection dropdown.
" aria-allowed-role - list-box role not allowed "

This similar issue is on prime react website also . If Fast Pass (Accessibility Insights for Web - this is a chrome extension) is run on prime react website.

Is there any fix to resolve this issue . Please do contribute.

You can check the working code in Sandbox : https://codesandbox.io/p/sandbox/primereact-multiselect-forked-wtpshd?file=%2Fsrc%2FApp.js

Reproducer

https://codesandbox.io/p/sandbox/primereact-multiselect-forked-wtpshd?file=%2Fsrc%2FApp.js

PrimeReact version

9.6.0

React version

18.x

Language

TypeScript

Build / Runtime

Create React App (CRA)

Browser(s)

Chrome

Steps to reproduce the behavior

1. Go to prime react website & open Multiselect Component page https://primereact.org/multiselect/ in Google Chrome
2. Open Accessibility Insights for Web extension and run fast pass . ( if you don't have the extension add from chrome extensions)
3. You will see red box with exclamation on the Multiselect component.
4. Click on it and see the issue.
   
   

Expected behavior

There should be no accessibility issue.

[melloware]

@shreyashgharod can you check PrimeVue: https://primevue.org/multiselect/ PrimeReact will be getting all the accesibility fixes from PrimeVue so check if its an issue there also?