mui / material-ui

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
https://mui.com/material-ui/
MIT License
93.8k stars 32.25k forks source link

[Progress] Variants do not communicate role or state #31376

Open brucelawson opened 2 years ago

brucelawson commented 2 years ago

Duplicates

Latest version

Current behavior 😯

The components seldom communicate role or state to assistive technology. See video

https://user-images.githubusercontent.com/378048/157297201-9d86626d-0bb3-465e-aba4-1a39dbded27c.mp4

This is a level A failure of WCAG.

Expected behavior 🤔

Assistive technology should be told that the tab is busy, and when it ceases to be busy. and, if there is a numeric %age completed shown, this should periodically be communicated to the assistive technology (perhaps using an aria live region). E.g. https://dequeuniversity.com/library/aria/progress-bar-bounded

Consider not showing movement longer than 5 seconds to people who prefer reduced motion.

Steps to reproduce 🕹

Steps:

1. 2. 3. 4.

Context 🔦

No response

Your environment 🌎

`npx @mui/envinfo` ``` Don't forget to mention which browser you used. Output from `npx @mui/envinfo` goes here. ```
apoznanski commented 1 year ago

I'd like to work on this!