Add buttons accessibilityLabel support (#5844)

Co-authored-by: Guy Carmeli <guyca@users.noreply.github.com>
wix · Jan 12, 2020 · 07c558c · 07c558c
1 parent 0771d27
commit 07c558c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/lib/ios/RNNNavigationButtons.m b/lib/ios/RNNNavigationButtons.m
@@ -160,6 +160,7 @@ -(RNNUIBarButtonItem*)buildButton: (NSDictionary*)dictionary defaultStyle:(RNNBu
         return nil;
     }
 
+    barButtonItem.accessibilityLabel = dictionary[@"accessibilityLabel"];
     barButtonItem.target = self.viewController;
     barButtonItem.action = @selector(onButtonPress:);
 

diff --git a/lib/src/interfaces/Options.ts b/lib/src/interfaces/Options.ts
@@ -301,6 +301,10 @@ export interface OptionsTopBarButton {
    * Set the button text
    */
   text?: string;
+  /**
+   * Overrides the text that's read by the screen reader when the user interacts with the element
+   */
+  accessibilityLabel?: string;
   /**
    * Set the button font family
    */

diff --git a/playground/src/screens/ButtonsScreen.js b/playground/src/screens/ButtonsScreen.js
@@ -53,7 +53,8 @@ class Options extends Component {
             id: 'LEFT',
             testID: LEFT_BUTTON,
             icon: require('../../img/clear.png'),
-            color: Colors.primary
+            color: Colors.primary,
+            accessibilityLabel: 'Close button'
           }
         ]
       }