Skip to content

[FormControlLabel][docs] Don't use unintuitive label position on chec…#44119

Merged
mnajdova merged 1 commit intomui:masterfrom
mnajdova:docs/checkbox-radio-label-position
Oct 17, 2024
Merged

[FormControlLabel][docs] Don't use unintuitive label position on chec…#44119
mnajdova merged 1 commit intomui:masterfrom
mnajdova:docs/checkbox-radio-label-position

Conversation

@mnajdova
Copy link
Copy Markdown
Member

@mnajdova mnajdova commented Oct 16, 2024

Fixes #44107.

Based on SC 3.3.2 the bottom and end position are the only one that should be allowed for checkboxes and radios. Having the top or left placement is unintuitive, and we should not give the developers instructions on using them.

Considering the FormControlLabel is a generic component, there is no easy way to restrict the values, but the least we can do is not teach people how to create nonaccessible UIs.

Preview: https://deploy-preview-44119--material-ui.netlify.app/material-ui/react-checkbox/#label-placement

@mnajdova mnajdova added docs Improvements or additions to the documentation. accessibility a11y component: FormControl The React component. labels Oct 16, 2024
@mui-bot
Copy link
Copy Markdown

mui-bot commented Oct 16, 2024

Netlify deploy preview

https://deploy-preview-44119--material-ui.netlify.app/

Bundle size report

No bundle size changes (Toolpad)
No bundle size changes

Generated by 🚫 dangerJS against 93175c1

@mnajdova mnajdova requested a review from aarongarciah October 16, 2024 10:05
Copy link
Copy Markdown
Member

@aarongarciah aarongarciah left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice

@mnajdova mnajdova merged commit 4f0301d into mui:master Oct 17, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

accessibility a11y component: FormControl The React component. docs Improvements or additions to the documentation.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Checkbox][RadioGroup][a11y] The label top and start placement should not be used

3 participants