diff --git a/change/react-native-windows-b12cdfc7-1f09-4dfd-912a-551ec96fd65b.json b/change/react-native-windows-b12cdfc7-1f09-4dfd-912a-551ec96fd65b.json
new file mode 100644
index 00000000000..9ce0f2a8005
--- /dev/null
+++ b/change/react-native-windows-b12cdfc7-1f09-4dfd-912a-551ec96fd65b.json
@@ -0,0 +1,7 @@
+{
+ "type": "prerelease",
+ "comment": "Draft Implemenation",
+ "packageName": "react-native-windows",
+ "email": "satkh@microsoft.com",
+ "dependentChangeType": "patch"
+}
diff --git a/packages/playground/Samples/accessible.tsx b/packages/playground/Samples/accessible.tsx
index 73468208fcd..c28fe85b5eb 100644
--- a/packages/playground/Samples/accessible.tsx
+++ b/packages/playground/Samples/accessible.tsx
@@ -117,6 +117,9 @@ export default class Bootstrap extends React.Component<
TEST setAccessibilityFocus
+
+ TEST Accessibility Hidden
+
);
}
diff --git a/vnext/src-win/Libraries/Components/View/ReactNativeViewAttributes.windows.js b/vnext/src-win/Libraries/Components/View/ReactNativeViewAttributes.windows.js
index 497342cf605..2eef21c52a0 100644
--- a/vnext/src-win/Libraries/Components/View/ReactNativeViewAttributes.windows.js
+++ b/vnext/src-win/Libraries/Components/View/ReactNativeViewAttributes.windows.js
@@ -25,6 +25,7 @@ const UIView = {
accessibilityShowsLargeContentViewer: true,
accessibilityLargeContentTitle: true,
importantForAccessibility: true,
+ accessibilityElementsHidden: false,
nativeID: true,
testID: true,
renderToHardwareTextureAndroid: true,
diff --git a/vnext/src-win/Libraries/Components/View/View.windows.js b/vnext/src-win/Libraries/Components/View/View.windows.js
index 6b6fa350e4c..f6619cb47a9 100644
--- a/vnext/src-win/Libraries/Components/View/View.windows.js
+++ b/vnext/src-win/Libraries/Components/View/View.windows.js
@@ -272,7 +272,8 @@ const View: component(
// [Windows
accessible={_accessible}
children={
- importantForAccessibility === 'no-hide-descendants'
+ importantForAccessibility === 'no-hide-descendants' ||
+ accessibilityElementsHidden === true
? childrenWithImportantForAccessibility(otherProps.children)
: otherProps.children
}
@@ -327,7 +328,8 @@ const View: component(
// [Windows
accessible={_accessible}
children={
- importantForAccessibility === 'no-hide-descendants'
+ importantForAccessibility === 'no-hide-descendants' ||
+ accessibilityElementsHidden === true
? childrenWithImportantForAccessibility(otherProps.children)
: otherProps.children
}