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

React multiple select dropdown with checkboxes, when open, has critical and serious accessibility errors. #42319

Closed
estrizhiver opened this issue May 21, 2024 · 1 comment
Closed

React multiple select dropdown with checkboxes, when open, has critical and serious accessibility errors. #42319

estrizhiver opened this issue May 21, 2024 · 1 comment
Labels
accessibility a11y component: select This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists

Comments

@estrizhiver
Copy link

estrizhiver commented May 21, 2024 •
edited by zannager
Loading

Steps to reproduce

Link to live example: https://mui.com/material-ui/react-select/#checkmarks

Steps:

  1. Open dropdown
  2. Run Axe devtools with dropdown open

Current behavior

Critical and serious errors should not exist. We are seeing the same errors in our production environment. I'll provide screenshots for both mui and our environments.

MUI

Critical errors:
image

Serious errors:
image

ProcessUnity

Critical:
image

Serious:
image

Expected behavior

There should be no accessibility errors when dropdown is open.

Context

Eliminate accessibility errors and become a11y compliant.

Your environment

npx @mui/envinfo 
  Chrome on a Mac
  Output from `npx @mui/envinfo` goes here.

Search keywords: Axe devtools, accessibility errors
Order ID: 90333

Search keywords:
@estrizhiver estrizhiver added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label May 21, 2024
@romgrk romgrk transferred this issue from mui/mui-x May 21, 2024
@zannager zannager added accessibility a11y component: select This is the name of the generic UI component, not the React module! labels May 21, 2024
@ZeeshanTamboli
Copy link
Member

Duplicate of #42159

@ZeeshanTamboli ZeeshanTamboli marked this as a duplicate of #42159 May 30, 2024
@github-actions github-actions bot added duplicate This issue or pull request already exists and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels May 30, 2024
@github-actions github-actions bot closed this as not planned Won't fix, can't repro, duplicate, stale May 30, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
accessibility a11y component: select This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@mj12albert @estrizhiver @ZeeshanTamboli @zannager