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

Multiselect: WCAG ARIA hidden element must not be focusable or contain focusable elements #7343

Closed
sumitjoshi23 opened this issue Oct 15, 2024 · 0 comments · Fixed by #7570
Closed

Multiselect: WCAG ARIA hidden element must not be focusable or contain focusable elements #7343

sumitjoshi23 opened this issue Oct 15, 2024 · 0 comments · Fixed by #7570
Assignees
@melloware
Labels
Component: Accessibility Issue or pull request is related to WCAG or ARIA
Milestone
10.9.2

Comments

@sumitjoshi23
Copy link

Describe the bug

PrimeReact's multiselect has the following serious severity accessibility issue:
ARIA hidden element must not be focusable or contain focusable elements

Description:
The multiselect includes 2 spans with data-pc-section as hiddenfirstfocusableel and hiddenlastfocusableel which are not targetable using pt options.

Please have a look at below attached picture for reference.

image

Reproducer

No response

System Information

System:
    OS: Windows 11 10.0.22631
    CPU: (12) x64 13th Gen Intel(R) Core(TM) i7-1355U
    Memory: 13.37 GB / 31.69 GB
  Binaries:
    Node: 20.10.0 - C:\Program Files\nodejs\node.EXE
    npm: 10.5.1 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Chromium (127.0.2651.74)
    Internet Explorer: 11.0.22621.3527

Steps to reproduce the behavior

No response

Expected behavior

No response
@sumitjoshi23 sumitjoshi23 added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Oct 15, 2024
@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 Oct 15, 2024
melloware added a commit to melloware/primereact that referenced this issue Jan 6, 2025
@melloware
Fix primefaces#7343: Remove aria-hidden from Dropdown as not needed
db8df95
melloware added a commit to melloware/primereact that referenced this issue Jan 6, 2025
@melloware
Fix primefaces#7343: Remove aria-hidden as not needed from focusable …
075a202 
…elements
@melloware melloware mentioned this issue Jan 6, 2025
Merged
@melloware melloware added this to the 10.9.2 milestone Jan 6, 2025
@melloware melloware self-assigned this Jan 6, 2025
melloware added a commit that referenced this issue Jan 6, 2025
@melloware
Fix #7343: Remove aria-hidden as not needed from focusable elements (#…
701f9df 
…7570)
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.2
Development

Successfully merging a pull request may close this issue.

Fix #7343: Remove aria-hidden as not needed from focusable elements melloware/primereact
2 participants
@melloware @sumitjoshi23