p-paginator: not accessible

[kyjus25]

Describe the bug

None of the paginator button elements have aria labels on them which fails the Lighthouse report since buttons without inner text is read only as "button". It is impossible to have a 100% Lighthouse score for accessibility with a p-paginator on the page.

Environment

https://primeng.org/paginator

Reproducer

https://primeng.org/paginator

Angular version

15.2.0

PrimeNG version

15.2.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

N/A

Browser(s)

Chrome

Steps to reproduce the behavior

1. Navigate to https://primeng.org/paginator in Chrome
2. Right-click and choose "Inspect"
3. Go to the "Lighthouse" tab
4. Generate a report with at least the "Accessibility" category
5. Scroll to the Accessibility area under "Buttons do not have an accessible name"

Expected behavior

p-paginator passes the Lighthouse test

[Tilesto]

Have the same problems. +1
version 16.3.1

[taramason]

Also seeing this issue. I saw PR from 2019 that seems to add the appropriate aria-labels, but they are definitely not showing up in the DOM on the components when used. I see a PR #7423 that got squashed when someone realized the aria-labels were not added in a way that allows locality, but then I'm not sure if there was any follow up? This is the second bug we have encountered that required major modification on our end to make the components functional. Using this library for professional, accessible websites has proven to be incredibly challenging and if not completely unreliable.

[cetincakiroglu]

Hi,

Thanks a lot for reporting the issue we'll address it in upcoming release!