adding accessibility ttspan examples

Author: fabOnReact

ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactAccessibilityDelegate.java

@@ -194,8 +194,10 @@ public static String getValue(AccessibilityRole role) {
           return ReactTtsSpan.TYPE_VERBATIM;
         case LINK:
         case SUMMARY:
+        case HEADER:
         case ALERT:
         case COMBOBOX:
+        case MENU:
         case MENUBAR:
         case MENUITEM:
         case PROGRESSBAR:

packages/rn-tester/js/examples/Accessibility/AccessibilityExample.js

@@ -93,87 +93,87 @@ class AccessibilityExample extends React.Component<{}> {
         <RNTesterBlock title="Text with TtsSpan">
           <View>
             <Text accessible={true}>
-              My number is{' '}
+              It spells like{' '}
               <Text
-                accessibilityRole="decimal"
+                accessibilityRole="verbatim"
                 accessible={true}
                 style={{backgroundColor: 'red'}}>
-                10.20
+                reactnative
               </Text>
-              .
             </Text>
           </View>
           <View>
             <Text accessible={true}>
               My number is{' '}
               <Text
-                accessibilityRole="decimal"
+                accessibilityRole="date"
                 accessible={true}
                 style={{backgroundColor: 'red'}}>
-                10$
+                02/07/1987
               </Text>
             </Text>
           </View>
           <View>
             <Text accessible={true}>
               My number is{' '}
               <Text
-                accessibilityRole="time"
+                accessibilityRole="measure"
                 accessible={true}
                 style={{backgroundColor: 'red'}}>
-                17:00
+                10m
               </Text>
             </Text>
           </View>
-          <View>
-            <Text accessible={true} accessibilityRole="telephone">
-              My number is 0111234234234
-            </Text>
-          </View>
           <View>
             <Text accessible={true}>
               My number is{' '}
               <Text
-                accessibilityRole="date"
+                accessibilityRole="fraction"
                 accessible={true}
                 style={{backgroundColor: 'red'}}>
-                02/07/1987
+                1/2
               </Text>
             </Text>
           </View>
           <View>
             <Text accessible={true}>
               My number is{' '}
               <Text
-                accessibilityRole="measure"
+                accessibilityRole="decimal"
                 accessible={true}
                 style={{backgroundColor: 'red'}}>
-                10m
+                10.20
               </Text>
+              .
             </Text>
           </View>
           <View>
             <Text accessible={true}>
               My number is{' '}
               <Text
-                accessibilityRole="fraction"
+                accessibilityRole="money"
                 accessible={true}
                 style={{backgroundColor: 'red'}}>
-                1/2
+                10$
               </Text>
             </Text>
           </View>
           <View>
             <Text accessible={true}>
-              It spells like{' '}
+              My number is{' '}
               <Text
-                accessibilityRole="verbatim"
+                accessibilityRole="time"
                 accessible={true}
                 style={{backgroundColor: 'red'}}>
-                reactnative
+                17:00
               </Text>
             </Text>
           </View>
+          <View>
+            <Text accessible={true} accessibilityRole="telephone">
+              My number is 0111234234234
+            </Text>
+          </View>
         </RNTesterBlock>
         <RNTesterBlock title="TextView without label">
           <Text>