Comments (2)
Hey @amhci, thanks for the detailed issue & interesting repro! I think you sort of nailed the problem here:
I do understand that MUI is implementing Material Design. [...] Perhaps this design pattern comes from Google and not even MUI. That said, at the end of the day this is not accessible.
The problem is essentially the Material Design 2 spec, and I'd agree that the way they design it is not the best one and far from the most usual ("the ring" approach, usually done with outline or box-shadows). From the top of my head, I can't remember if there were debates about whether we should've followed the MD2 design or not due to the accessibility impact, but I'm also, either way, keen to improve it. In any case, what I can tell you right now is that we'll most likely not tackle this in the upcoming major, v6. We're planning to make all major design changes in the v7 cycle. I'll make sure to follow up here once we get to it!
from material-ui.
@danilo-leal @zanivan You want to take look here from design perspective?
from material-ui.
Related Issues (20)
- [joy-ui][Theme] Components use radius 'sm' irrespective of their own size.
- [JOY with material-ui]
- [material-ui][Typography] Trouble adding new boolean props HOT 2
- Unable to target `MuiTooltip-tooltip` class
- [material-ui][Slider] TypeError: color.charAt is not a function error message after upgrade @mui/material to 5.15.14 HOT 1
- [pigment-css] Invalid CSS output w/ pseudo classes in theme.vars HOT 4
- [TextField] Add an isValid state to correspond to the error state. HOT 1
- [pigment-css] theme does not contain other properties except `vars` HOT 3
- [material-ui][Autocomplete] Adding start adornment on small autocompletes causes text to wrap HOT 2
- [material-ui][Switch] "Unsupported `76, 78, 100` color" error HOT 3
- Material UI components designs for Corel Vector HOT 1
- [material-ui][List] The ListItemButton component remains in the selected state even after being clicked HOT 6
- [pigment-css][vite] missing common `babel` plugin(s) & extremely slow
- [material-ui] Component import suggestion not appearing in VS Code HOT 8
- Huge gap in the line number section of the editor when on full screen. HOT 4
- [material-ui][Switch] focusElementRef is always undefined, disabling me to imperatively set focus HOT 1
- [material-ui][Menu] Error when running Jest Unit Tests: The `anchorEl` prop provided to the component is invalid. HOT 3
- [material-ui] TypeError: theme.typography.pxToRem is not a function HOT 1
- [docs-infra] Support product-specific bell notifications HOT 2
- [material-ui][Tabs] Keyboard navigation does not work with unselected tabs HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from material-ui.