Missing Label for p-autocomplete Component in Angular 18

[leoademi]

Describe the bug

There is no way to add a label that is recognized by screen readers for the p-autocomplete component in PrimeNG. Despite trying various methods such as:

• element
• aria-label attribute
• aria-labelledby attribute

None of these methods fix the accessibility error for missing label, as detected by the Wave Accessibility Tool. This results in the p-autocomplete component not being fully accessible for users relying on screen readers.

Environment

Angular 18.2.1
"primeng": "17.18.9",

Reproducer

No response

Angular version

18.2.1

PrimeNG version

17.18.9

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

21.5.0

Browser(s)

No response

Steps to reproduce the behavior

1. Use the p-autocomplete component in an Angular 18 project.
2. Attempt to add a label using any of the following approaches:
3. Standard element associated with the component.
4. aria-label or aria-labelledby attributes.
5. Run an accessibility check using Wave or any other accessibility tool.

Expected behavior

The component should correctly recognize the provided label (either through a standard or aria-label) and pass accessibility checks without errors related to missing labels.

[github-actions]

We're unable to replicate your issue, if you are able to create a reproducer by using PrimeNG Issue Template or add details please edit this issue. This issue will be closed if no activities in 20 days.