[fix] Switch uses aria-label on native control

Close #2559
Fix #2549

Author: tarunrajput

packages/react-native-web/src/exports/Switch/__tests__/index-test.js

@@ -23,7 +23,7 @@ function findSwitchThumb(container) {
 
 describe('components/Switch', () => {
   test('accessibilityLabel is applied to native checkbox', () => {
-    const { container } = render(<Switch accessibilityLabel="switch" />);
+    const { container } = render(<Switch aria-label="switch" />);
     expect(findCheckbox(container).getAttribute('aria-label')).toBe('switch');
   });
 

packages/react-native-web/src/exports/Switch/index.js

@@ -44,6 +44,7 @@ const Switch: React.AbstractComponent<
   React.ElementRef<typeof View>
 > = React.forwardRef((props, forwardedRef) => {
   const {
+    'aria-label': ariaLabel,
     accessibilityLabel,
     activeThumbColor,
     activeTrackColor,
@@ -166,7 +167,7 @@ const Switch: React.AbstractComponent<
   ];
 
   const nativeControl = createElement('input', {
-    accessibilityLabel,
+    'aria-label': ariaLabel || accessibilityLabel,
     checked: value,
     disabled: disabled,
     onBlur: handleFocusState,