material-ui icon indicating copy to clipboard operation
material-ui copied to clipboard

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

Open estrizhiver opened this issue 9 months ago • 0 comments

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 avatar May 21 '24 14:05 estrizhiver