From c562ab8b8bde6b751412779100e5ea3e6c44e729 Mon Sep 17 00:00:00 2001 From: Adam Putinski Date: Mon, 29 Jan 2018 14:20:06 -0800 Subject: [PATCH] Add accessibilityElementsHidden prop Summary: Allow iOS to have similar accessibility functionality to Android. This PR exposes the `accessibilityElementsHidden` property on iOS which is similar to Android's `importantForAccessibility="no-hide-descendants"` I didn't see any existing examples for testing native props being passed through, but I did add an example to the RNTester app. I've attached some screenshots using the Accessibility Inspector to verify the property was correctly passed through. ![a](https://user-images.githubusercontent.com/603528/34998153-50e66776-faac-11e7-826d-1445a6813929.png) ![b](https://user-images.githubusercontent.com/603528/34998158-535a7420-faac-11e7-80d4-992fb7cd82dd.png) I've updated the website with appropriate documentation. https://github.com/facebook/react-native-website/pull/141 ![screen shot 2018-01-16 at 10 23 50](https://user-images.githubusercontent.com/603528/34998202-6f2f39a6-faac-11e7-8651-0cfe8e037a30.png) ![screen shot 2018-01-16 at 10 23 59](https://user-images.githubusercontent.com/603528/34998205-711d6f94-faac-11e7-974d-54340c72fce4.png) [IOS] [FEATURE] [View] - Added accessibilityElementsHidden property Closes https://github.com/facebook/react-native/pull/17627 Differential Revision: D6806444 Pulled By: hramos fbshipit-source-id: 50d31fdb92f4c59ae9355b019c422418b2e6cc24 --- js/AccessibilityIOSExample.js | 3 +++ 1 file changed, 3 insertions(+) diff --git a/js/AccessibilityIOSExample.js b/js/AccessibilityIOSExample.js index 29c8b16f062..30aef0df31e 100644 --- a/js/AccessibilityIOSExample.js +++ b/js/AccessibilityIOSExample.js @@ -55,6 +55,9 @@ class AccessibilityIOSExample extends React.Component<{}> { accessible={true}> This text component's accessibilityLabel is set explicitly. + + This view's children are hidden from the accessibility tree + ); }