primefaces / primefaces/primereact
MultiSelect: Role must have accessible name (ARIA issue)
Nobody has claimed this yet.
- Dominant language
- CSS
- Stars
- 8.3k
- Forks
- 1.2k
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
The MultiSelect component fails accessibility requirements. The input element with role="combobox" does not have an accessible name.
This can be observed in the official documentation:
https://primereact.org/multiselect
Example node:
<input type="text" role="combobox" aria-expanded="false" tabindex="0" data-pc-section="input" readonly="" value="">
Reproducer
No response
System Information
primereact: 10.9.7
Steps to reproduce the behavior
Go to https://primereact.org/multiselect/
Inspect the input element of the MultiSelect
Notice that the role="combobox" element has no accessible name
Expected behavior
The element should have an accessible name, either via aria-label, aria-labelledby, or an associated .
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the MultiSelect component and reproduce the issue on https://primereact.org/multiselect by inspecting the input with role="combobox". Ensure that this element has an accessible name through aria-label, aria-labelledby, or an associated label, then verify the documentation example no longer exposes an unnamed combobox.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 58/100