[Switch] Use role="switch"

[oliviertassinari]

• I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

The switch component is announced like a checkbox, it should be announced like a switch.

Examples 🌈

I have seen the role used in react-switch. After some digging, I could find this accessible resource that goes into more detail: https://scottaohara.github.io/a11y_styled_form_controls/src/checkbox--switch/. It seems that it's still too early to use the role, screenreaders support isn't high enough but we can revisit it in a year.

Motivation 🔦

Improve the distinction between Switch and Checkbox for screen readers. It's important per https://next.material-ui.com/components/switches/#when-to-use.

[eps1lon]

After some digging, I could find this accessible resource that goes into more detail

Thanks to git the section is linked to #17870 where I already did the work and explained why I added this section. Not sure we need an issue to track this since this will probably just add notification-noise.

[oliviertassinari]

@eps1lon Oh nice, I didn't find this pull request, thanks for the extra context. I'm adding the v6 milestone so we can revisit it at that point.