primereact icon indicating copy to clipboard operation
primereact copied to clipboard

Accessibility issues in Dropdown component

Open manu-mohan-code opened this issue 10 months ago • 3 comments

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>

    Image

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 avatar Jan 31 '25 12:01 manu-mohan-code

@manu-mohan-code why are you reporting issue 1 again??? it was already fixed here: https://github.com/primefaces/primereact/issues/7643

melloware avatar Jan 31 '25 13:01 melloware

Please edit the description above and remove issue 1 entirely from this ticket...

melloware avatar Jan 31 '25 13:01 melloware

@melloware I thought its a different implementation in this component. Thanks for pointing this out. I will update the description

manu-mohan-code avatar Jan 31 '25 13:01 manu-mohan-code