DataView: accessibility - paginator dropdown "Form field missing a label"

[markuczy]

Describe the bug

Hi, I am working on a component which uses DataView component. Accessibility checker tools are reporting an issue with an input element, which is a child of p-dropdown (p-dataView -> p-paginator -> p-dropdown).

The following line is what is causing the issue: <input type="text" readonly="" aria-haspopup="listbox" pautofocus="" role="combobox" class="p-element" aria-expanded="false">. The violated rule is this - https://dequeuniversity.com/rules/axe/4.8/label.

Environment

Ubuntu 22.04, WSL 2, Windows 11 PRO

Reproducer

https://stackblitz.com/edit/github-j1atbu

Angular version

15.2.10

PrimeNG version

15.2.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.18.0

Browser(s)

Chrome 121

Steps to reproduce the behavior

1. Use dataView component with paginator and rowPerPageOptions
2. Validate accessibility with lighthouse/siteImprove/axa
3. Expect "Form field missing a label"

Expected behavior

When using dataView with paginator and rowsPerPageOptions accessibility tests are not reporting any issues.

[github-actions]

This issue has been automatically marked as stale. If this issue is still affecting you with the latest version, please leave any comment, and we will keep it open. We are sorry that we have not been able to prioritize it yet. If you have any new additional information, please include it with your comment!

[github-actions]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you for your understanding!