search

primefaces / primevue

Next Generation Vue UI Component Library
https://primevue.org
MIT License
10.58k stars 1.23k forks source link

MultiSelect: 'aria-describedby' required for accessibility #6599

Open james-cavanagh opened 4 weeks ago

james-cavanagh commented 4 weeks ago

Describe the bug

To ensure the MultiSelect component is accessible with screen readers, I have utilised the undocumented hiddenInput passthrough to assign values to aria-describedby correctly. However, I am uncertain if this is the appropriate approach.

It would be more effective if the component were extended to natively support aria-describedby, ensuring that the values are properly assigned to the hidden input element. This enhancement would improve accessibility and eliminate the need for undocumented workarounds.

Reproducer

https://stackblitz.com/edit/primevue-4-vite-issue-template-mnjfhz?file=src%2FApp.vue

PrimeVue version

4.1.0

Vue version

3.x

Language

ES6

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

Please see the stackblitz example.

Expected behavior

No response

james-cavanagh commented 3 weeks ago

The same is also true for the DatePicker component, having an aria-describedby prop would be very useful.