Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Accessibility issue in paginator's rowsperpage dropdown #7643

Closed
manu-mohan-code opened this issue Jan 24, 2025 · 2 comments · Fixed by #7655
Closed

Accessibility issue in paginator's rowsperpage dropdown #7643

manu-mohan-code opened this issue Jan 24, 2025 · 2 comments · Fixed by #7655
Assignees
@melloware
Labels
Component: Accessibility Issue or pull request is related to WCAG or ARIA
Milestone
10.9.3

Comments

@manu-mohan-code
Copy link

manu-mohan-code commented Jan 24, 2025 •
edited
Loading

Describe the bug

There is an accessbility issue reported in paginator component while testing with axe DevTools. Please refer the attached screenshot for the issue. Kindly look into this

Image

Reproducer

https://stackblitz.com/edit/qavru2bd

System Information

System:
    OS: Linux 5.0 undefined
    CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 0 Bytes / 0 Bytes
    Shell: 1.0 - /bin/jsh
  Binaries:
    Node: 18.20.3 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 10.2.3 - /usr/local/bin/npm
    pnpm: 8.15.6 - /usr/local/bin/pnpm
  npmPackages:
    primereact: latest => 10.9.1 
    react: 18.3.1 => 18.3.1

Steps to reproduce the behavior

No response

Expected behavior

No response
@manu-mohan-code manu-mohan-code added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Jan 24, 2025
@manu-mohan-code
Copy link
Author

@melloware Please help on this issue

@melloware melloware added Component: Accessibility Issue or pull request is related to WCAG or ARIA and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Jan 28, 2025
melloware added a commit to melloware/primereact that referenced this issue Jan 28, 2025
@melloware
Fix primefaces#7643: Dropdown add aria label Option List
0fecb95
@melloware
Copy link
Member

OK I looked at what PrimeVue is doing. I added a new ARIA Label to PrimeLocale: primefaces/primelocale#207

And PR submitted using this ARIA LABEL

@melloware melloware self-assigned this Jan 28, 2025
@melloware melloware added this to the 10.9.3 milestone Jan 28, 2025
@melloware melloware mentioned this issue Jan 28, 2025
Merged
@melloware melloware mentioned this issue Jan 31, 2025
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@melloware melloware

Labels
Component: Accessibility Issue or pull request is related to WCAG or ARIA
Projects
None yet
Milestone
10.9.3
Development

Successfully merging a pull request may close this issue.

Fix #7643: Dropdown add aria label Option List melloware/primereact
2 participants
@melloware @manu-mohan-code