primereact
primereact copied to clipboard
Accessibility issues in Dropdown component
Describe the bug
There is one accessibility issues reported while testing with axe DevTools. PFB the issue details
-
Ensure select element has an accessible name
<select tabindex="-1" data-pc-section="select"><option value="" data-pc-section="option" selected="">Select a City</option></select>
Kindly look into this
Reproducer
https://stackblitz.com/edit/wmh9tz9q
System Information
System:
OS: Linux 5.0 undefined
CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
Memory: 0 Bytes / 0 Bytes
Shell: 1.0 - /bin/jsh
Binaries:
Node: 18.20.3 - /usr/local/bin/node
Yarn: 1.22.19 - /usr/local/bin/yarn
npm: 10.2.3 - /usr/local/bin/npm
pnpm: 8.15.6 - /usr/local/bin/pnpm
npmPackages:
primereact: latest => 10.9.1
react: 18.3.1 => 18.3.1
Steps to reproduce the behavior
No response
Expected behavior
No response
@manu-mohan-code why are you reporting issue 1 again??? it was already fixed here: https://github.com/primefaces/primereact/issues/7643
Please edit the description above and remove issue 1 entirely from this ticket...
@melloware I thought its a different implementation in this component. Thanks for pointing this out. I will update the description