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.

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

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

Closed
mnajdova opened this issue Oct 15, 2024 · 1 comment · Fixed by #44119
Closed

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

mnajdova opened this issue Oct 15, 2024 · 1 comment · Fixed by #44119
Labels
accessibility a11y breaking change component: checkbox This is the name of the generic UI component, not the React module!

Comments

@mnajdova
Copy link
Member

mnajdova commented Oct 15, 2024

Summary

Based on SC 3.3.2 the bottom and end position are the only one that should be allowed. Havin the top or left placement is unintuitive, and we should not give the developers means to use them.

Examples

Check the demo for the label placement: https://mui.com/material-ui/react-checkbox/#label-placement

Motivation

Havin only these two levels will prevent developers to create UIs that will not be complient with the SC3.3.2 guidelines. We could consider this a breaking change in one of the next major releases.

Search keywords: checkbox placement

@mnajdova mnajdova added accessibility a11y breaking change component: checkbox This is the name of the generic UI component, not the React module! labels Oct 15, 2024
@mnajdova mnajdova changed the title [Checkbox] The label top and start placement should not be used [Checkbox][RadioGroup][a11y] The label top and start placement should not be used Oct 15, 2024
Copy link

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility a11y breaking change component: checkbox This is the name of the generic UI component, not the React module!
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant