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 }