role="switch" should map to element <button>

[dukenv0307]

Is there an existing issue for this?

• I have searched the existing issues

Describe the issue

role="switch" should both map to HTML element button .
Here's official web standard doc on the switch role: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/switch_role, it uses the button HTML element (also here). Another doc of button HTML element, with switch in Permitted ARIA roles.

Expected behavior

It should be on the web

Steps to reproduce

1. Create a View component
2. Add role="switch" prop to this View

Test case

https://codesandbox.io/p/sandbox/swtich-role-5qjrcy

Additional comments

Solution

We should map the switch role to button html element in react-native-web here by this one line change:

switch: 'button'

[necolas]

switch can be used with non-button elements too, like div and input[type=checkbox]

[dukenv0307]

@necolas Currently I want to customize mapping role="switch" to button element in my code. Can I define somewhere or pass in some props?