[Rating] Use fieldset instead of span for the root element

[mnajdova]

Using fieldset as a root of the Rating improves the a11y, as the component wraps multiple inputs with labels. I had to add some minimal styles to get to the same look as before.

On another note, while working on it, I noticed that we don't support the component prop here. I can add it in a separate PR, to allow people to opt into the old behavior if needed for some reason.

[mui-bot]

Netlify deploy preview

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

Bundle size report

Details of bundle changes (Toolpad)
Details of bundle changes

Generated by 🚫 dangerJS against e21687a

[sai6855]

Just curious, won't this be a breaking change for users who targets Rating using span?

[mnajdova]

Just curious, won't this be a breaking change for users who targets Rating using span?

Yep, it could break some apps. I was checking to see what it would take to make the change. It improves the accessibility tough. Maybe as a first step we can introduce a component prop so that people can fix this in their apps by using the fieldset prop, and change the default in the next major. @sai6855 would you be up to opening a PR for adding a support for the component prop separately?

[sai6855]

would you be up to opening a PR for adding a support for the component prop separately?

Yup, sure. I'll open