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

Component: Dropdown | ARIA hidden element must not be focusable or contain focusable elements #15116

Closed
WTW-Jacob-Evans opened this issue Mar 20, 2024 · 1 comment · Fixed by #15171
Closed

Component: Dropdown | ARIA hidden element must not be focusable or contain focusable elements #15116

WTW-Jacob-Evans opened this issue Mar 20, 2024 · 1 comment · Fixed by #15171
Assignees
@mehmetcetin01140
Labels
Component: Accessibility Issue or pull request is related to WCAG or ARIA LTS-FIXED-16.9.8 PRO Support Issue was reported by PRO User Status: Discussion Issue or pull request needs to be discussed by Core Team
Milestone
17.13.0

Comments

@WTW-Jacob-Evans
Copy link

Describe the bug

the Dropdown component is raising an accessibility issue: ARIA hidden element must not be focusable or contain focusable elements

image
image

This is being highlighted by Axe DevTools. Reproducible using their browser extension on the attached stackblitz environment.

Environment

windows 10

Reproducer

https://stackblitz.com/edit/github-tfeoqn?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.component.html

Angular version

17.2.3

PrimeNG version

17.11.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.18.0

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response
@WTW-Jacob-Evans WTW-Jacob-Evans added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Mar 20, 2024
@TaneliTuomola
Copy link

May be duplicate of #14985

There is a same issue with TreeSelect and MultiSelect also.

@cetincakiroglu cetincakiroglu added Status: Discussion Issue or pull request needs to be discussed by Core Team and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Mar 25, 2024
@cetincakiroglu cetincakiroglu added PRO Support Issue was reported by PRO User Component: Accessibility Issue or pull request is related to WCAG or ARIA labels Mar 25, 2024
@cetincakiroglu cetincakiroglu changed the title Component: Dropdown Component: Dropdown | ARIA hidden element must not be focusable or contain focusable elements Mar 25, 2024
@cetincakiroglu cetincakiroglu added this to the 17.13.0 milestone Mar 25, 2024
mehmetcetin01140 added a commit that referenced this issue Mar 27, 2024
@mehmetcetin01140
Fixed #15116 - Dropdown | ARIA hidden element must not be focusable o…
8891e02 
…r contain focusable elements
@mehmetcetin01140 mehmetcetin01140 mentioned this issue Mar 27, 2024
Merged
cetincakiroglu added a commit that referenced this issue Mar 29, 2024
@cetincakiroglu
Merge pull request #15171 from primefaces/issue-15116
52c97db 
Fixed #15116 - Dropdown | ARIA hidden element must not be focusable o…
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@mehmetcetin01140 mehmetcetin01140

Labels
Component: Accessibility Issue or pull request is related to WCAG or ARIA LTS-FIXED-16.9.8 PRO Support Issue was reported by PRO User Status: Discussion Issue or pull request needs to be discussed by Core Team
Projects
None yet
Milestone
17.13.0
Development

Successfully merging a pull request may close this issue.

Fixed #15116 - Dropdown | ARIA hidden element must not be focusable o… primefaces/primeng
4 participants
@cetincakiroglu @TaneliTuomola @mehmetcetin01140 @WTW-Jacob-Evans