You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Using Axe DevTools, the autoComplete component with the multiple property has two accessibility issues:
ARIA input fields must have an accessible name
Ensure every ARIA input field has an accessible name <ul role="listbox" ng-reflect-ng-class="[object Object]" tabindex="-1" aria-orientation="horizontal" class="p-autocomplete-multiple- container p-component p-inputtext ng-star-inserted">
To solve this problem, you need to fix at least (1) of the following:
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
Interactive controls must not be nested
Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive
technologies.
Describe the bug
Using Axe DevTools, the autoComplete component with the multiple property has two accessibility issues:
ARIA input fields must have an accessible name
Ensure every ARIA input field has an accessible name
<ul role="listbox" ng-reflect-ng-class="[object Object]" tabindex="-1" aria-orientation="horizontal" class="p-autocomplete-multiple- container p-component p-inputtext ng-star-inserted">
To solve this problem, you need to fix at least (1) of the following:
Interactive controls must not be nested
Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive
technologies.
<li role="option" class="p-autocomplete-input-token"><input pautofocus="" role="combobox" aria-autocomplete="list" class="p-element" ng-reflect-ng-class="[object Object]" autocomplete="off" tabindex="0" type="text" id="tags" placeholder="Seleziona" aria- expanded="false"></li>
To solve this problem, you need to fix the following:
Element has focusable descendants
Related Node
<input pautofocus="" role="combobox" aria-autocomplete="list" class="p-element" ng-reflect-ng-class="[object Object]" autocomplete="off" tabindex="0" type="text" id="tags" placeholder="Seleziona" aria-expanded="false">
Pull Request Link
No response
Reason for not contributing a PR
Other Reason
No response
Reproducer
https://stackblitz.com/edit/stackblitz-starters-fj7shuqs
Environment
macOS Sequoia 15.1.1
Angular version
19.0.7
PrimeNG version
v19
Node version
20
Browser(s)
No response
Steps to reproduce the behavior
Expected behavior
It would be preferable if they were accessible
The text was updated successfully, but these errors were encountered: