[Fabric] Implement aria-level, aria-posinset, aria-setsize in Switch (#14735)

* [Fabric] Implement aria-level, aria-posinset, aria-setsize in Switch

* Change files

Author: anupriya13

change/react-native-windows-17854356-6c83-40a6-b389-c84b78901335.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "[Fabric] Implement aria-level, aria-posinset, aria-setsize in Switch",
+  "packageName": "react-native-windows",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/playground/Samples/index.tsx

@@ -81,6 +81,9 @@ class PopupButton extends React.Component<
         <Switch
           value={this.state.isLightDismissEnabled}
           onValueChange={value => this.setState({isLightDismissEnabled: value})}
+          aria-level={1}
+          aria-posinset={1}
+          aria-setsize={30}
         />
         <Button
           onPress={this._onPress}

vnext/src-win/Libraries/Components/Switch/Switch.windows.js

@@ -176,10 +176,16 @@ const Switch: component(
     thumbColor,
     trackColor,
     value,
+    'aria-level': ariaLevel, // Windows
+    'aria-posinset': ariaPosinset, // Windows
+    'aria-setsize': ariaSetsize, // Windows
     ...restProps
   } = props;
   const trackColorForFalse = trackColor?.false;
   const trackColorForTrue = trackColor?.true;
+  const _accessibilityLevel = ariaLevel ?? props.accessibilityLevel; // Windows
+  const _accessibilityPosInSet = ariaPosinset ?? props.accessibilityPosInSet; // Windows
+  const _accessibilitySetSize = ariaSetsize ?? props.accessibilitySetSize; // Windows
 
   const nativeSwitchRef = React.useRef<React.ElementRef<
     typeof SwitchNativeComponent | typeof AndroidSwitchNativeComponent,
@@ -278,6 +284,9 @@ const Switch: component(
         focusable={focusable === undefined ? true : focusable} // [Windows]
         accessible={accessible === undefined ? true : accessible} // [Windows]
         accessibilityRole={props.accessibilityRole ?? 'switch'}
+        accessibilityLevel={_accessibilityLevel} // [Windows]
+        accessibilityPosInSet={_accessibilityPosInSet} // [Windows]
+        accessibilitySetSize={_accessibilitySetSize} // [Windows]
         onChange={handleChange}
         onResponderTerminationRequest={returnsFalse}
         onStartShouldSetResponder={returnsTrue}