Add aria-level, aria-posinset and aria-setsize in Image (#14721)

Author: anupriya13

change/react-native-windows-68a05a4e-5601-409f-85ce-8bdc6b706608.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Add aria-level, aria-posinset and aria-setsize in Image",
+  "packageName": "react-native-windows",
+  "email": "54227869+anupriya13@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

packages/playground/Samples/image.tsx

@@ -268,6 +268,9 @@ export default class Bootstrap extends React.Component<
               onLoadStart={() => console.log('onLoadStart')}
               onLoadEnd={() => console.log('onLoadEnd')}
               onProgress={this.handleOnProgress}
+              aria-level={1}
+              aria-posinset={10}
+              aria-setsize={100}
             />
           )}
         </View>

vnext/src-win/Libraries/Image/Image.windows.js

@@ -149,7 +149,10 @@ let BaseImage: AbstractImageIOS = React.forwardRef((props, forwardedRef) => {
     'aria-selected': ariaSelected,
     'aria-readonly': ariaReadOnly, // Windows
     'aria-multiselectable': ariaMultiselectable, // Windows
-    'aria-required': ariaRequired, // Windows
+    'aria-required': ariaRequired, // Windows,
+    'aria-level': ariaLevel, // Windows
+    'aria-posinset': ariaPosinset, // Windows
+    'aria-setsize': ariaSetsize, // Windows
     height,
     src,
     ...restProps
@@ -167,6 +170,9 @@ let BaseImage: AbstractImageIOS = React.forwardRef((props, forwardedRef) => {
     required: ariaRequired ?? props.accessibilityState?.required, // Windows
   };
   const accessibilityLabel = props['aria-label'] ?? props.accessibilityLabel;
+  const accessibilityLevel = ariaLevel ?? props.accessibilityLevel; // Windows
+  const accessibilityPosInSet = ariaPosinset ?? props.accessibilityPosInSet; // Windows
+  const accessibilitySetSize = ariaSetsize ?? props.accessibilitySetSize; // Windows
 
   const actualRef = useWrapRefWithImageAttachedCallbacks(forwardedRef);
 
@@ -189,6 +195,9 @@ let BaseImage: AbstractImageIOS = React.forwardRef((props, forwardedRef) => {
                   {...restProps}
                   accessible={props.alt !== undefined ? true : props.accessible}
                   accessibilityLabel={accessibilityLabel ?? props.alt}
+                  accessibilityLevel={accessibilityLevel} // Windows
+                  accessibilityPosInSet={accessibilityPosInSet} // Windows
+                  accessibilitySetSize={accessibilitySetSize} // Windows
                   ref={actualRef}
                   style={style}
                   resizeMode={resizeMode}
@@ -211,6 +220,9 @@ let BaseImage: AbstractImageIOS = React.forwardRef((props, forwardedRef) => {
             {...restProps}
             accessible={props.alt !== undefined ? true : props.accessible}
             accessibilityLabel={accessibilityLabel ?? props.alt}
+            accessibilityLevel={accessibilityLevel} // Windows
+            accessibilityPosInSet={accessibilityPosInSet} // Windows
+            accessibilitySetSize={accessibilitySetSize} // Windows
             ref={actualRef}
             style={style}
             resizeMode={resizeMode}