Merge pull request #15 from Lily418/master

Add accessibility traits and accessiblityLabel property to NavButton

Author: jineshshah36

components/NavButton.js

@@ -3,7 +3,7 @@ import React, { PropTypes } from 'react';
 import { Platform, TouchableOpacity, View } from 'react-native';
 import styles from '../styles';
 
-function NavButton({ style, onPress, children, disabled, disabledStyle }: Object): React.Element {
+function NavButton({ style, onPress, children, disabled, disabledStyle, accessibilityLabel }: Object): React.Element {
   let navButtonStyles = []
   if (Platform.OS === 'ios') {
     navButtonStyles = [styles.navBarButtonIOS]
@@ -19,15 +19,15 @@ function NavButton({ style, onPress, children, disabled, disabledStyle }: Object
   const getTouchable = (): React.Element => {
     if (disabled) {
       return (
-        <TouchableOpacity>
+        <TouchableOpacity accessibilityLabel={accessibilityLabel} accessibilityTraits={["button", "disabled"]}>
           <View style={navButtonStyles}>
             {children}
           </View>
         </TouchableOpacity>
       )
     }
     return (
-      <TouchableOpacity onPress={onPress}>
+      <TouchableOpacity accessibilityLabel={accessibilityLabel} onPress={onPress} accessibilityTraits="button">
         <View style={navButtonStyles}>
           {children}
         </View>

components/NavTitle.js

@@ -5,7 +5,7 @@ import styles from '../styles'
 
 function NavTitle({ style, children }: Object): React.Element {
   return (
-    <Text style={[styles.navBarTitleText, style]}>
+    <Text accessibilityTraits="header" style={[styles.navBarTitleText, style]}>
       {children}
     </Text>
   )