From f9239d9fd92ec41443ea437b57cdb75f1c3dd195 Mon Sep 17 00:00:00 2001 From: Website Deployment Script Date: Mon, 30 Jul 2018 12:40:50 +0000 Subject: [PATCH] Deploy website Deploy website version based on 602d811d3b1987bc0f31dfcb3f2ee2f62f2dfefc --- docs/next/accessibility.html | 18 +++++++- docs/next/accessibility/index.html | 18 +++++++- docs/next/text.html | 24 ++++++++++ docs/next/text/index.html | 24 ++++++++++ docs/next/touchablewithoutfeedback.html | 46 ++++++++++++++----- docs/next/touchablewithoutfeedback/index.html | 46 ++++++++++++++----- docs/next/view.html | 12 +++++ docs/next/view/index.html | 12 +++++ movies.json | 11 ++--- 9 files changed, 179 insertions(+), 32 deletions(-) diff --git a/docs/next/accessibility.html b/docs/next/accessibility.html index c9e34a6d979..03dd5a6b949 100644 --- a/docs/next/accessibility.html +++ b/docs/next/accessibility.html @@ -45,10 +45,10 @@

In the above example, we can't get accessibility focus separately on 'text one' and 'text two'. Instead we get focus on a parent view with 'accessible' property.

accessibilityLabel (iOS, Android)

When a view is marked as accessible, it is a good practice to set an accessibilityLabel on the view, so that people who use VoiceOver know what element they have selected. VoiceOver will read this string when a user selects the associated element.

-

To use, set the accessibilityLabel property to a custom string on your View:

+

To use, set the accessibilityLabel property to a custom string on your View, Text or Touchable:

<TouchableOpacity
   accessible={true}
-  accessibilityLabel={'Tap me!'}
+  accessibilityLabel="Tap me!"
   onPress={this._onPress}>
   <View style={styles.button}>
     <Text style={styles.buttonText}>Press me!</Text>
@@ -56,6 +56,20 @@
 </TouchableOpacity>

In the above example, the accessibilityLabel on the TouchableOpacity element would default to "Press me!". The label is constructed by concatenating all Text node children separated by spaces.

+

accessibilityHint (iOS)

+

An accessibility hint helps users understand what will happen when they perform an action on the accessibility element when that result is not obvious from the accessibility label.

+

To use, set the accessibilityHint property to a custom string on your View, Text or Touchable:

+
<TouchableOpacity
+  accessible={true}
+  accessibilityLabel="Go back"
+  accessibilityHint="Navigates to the previous screen"
+  onPress={this._onPress}>
+  <View style={styles.button}>
+    <Text style={styles.buttonText}>Back</Text>
+  </View>
+</TouchableOpacity>
+
+

In the above example, VoiceOver will read the hint after the label, if the user has hints enabled in the device's VoiceOver settings. Read more about guidelines for accessibilityHint in the iOS Developer Docs

accessibilityRole (iOS, Android)

Note: Accessibility Role and Accessibility States are meant to be a cross-platform solution to replace accessibilityTraits and accessibilityComponentType, which will soon be deprecated. When possible, use accessibilityRole and accessibilityStates instead of accessibilityTraits and accessibilityComponentType.

diff --git a/docs/next/accessibility/index.html b/docs/next/accessibility/index.html index c9e34a6d979..03dd5a6b949 100644 --- a/docs/next/accessibility/index.html +++ b/docs/next/accessibility/index.html @@ -45,10 +45,10 @@

In the above example, we can't get accessibility focus separately on 'text one' and 'text two'. Instead we get focus on a parent view with 'accessible' property.

accessibilityLabel (iOS, Android)

When a view is marked as accessible, it is a good practice to set an accessibilityLabel on the view, so that people who use VoiceOver know what element they have selected. VoiceOver will read this string when a user selects the associated element.

-

To use, set the accessibilityLabel property to a custom string on your View:

+

To use, set the accessibilityLabel property to a custom string on your View, Text or Touchable:

<TouchableOpacity
   accessible={true}
-  accessibilityLabel={'Tap me!'}
+  accessibilityLabel="Tap me!"
   onPress={this._onPress}>
   <View style={styles.button}>
     <Text style={styles.buttonText}>Press me!</Text>
@@ -56,6 +56,20 @@
 </TouchableOpacity>

In the above example, the accessibilityLabel on the TouchableOpacity element would default to "Press me!". The label is constructed by concatenating all Text node children separated by spaces.

+

accessibilityHint (iOS)

+

An accessibility hint helps users understand what will happen when they perform an action on the accessibility element when that result is not obvious from the accessibility label.

+

To use, set the accessibilityHint property to a custom string on your View, Text or Touchable:

+
<TouchableOpacity
+  accessible={true}
+  accessibilityLabel="Go back"
+  accessibilityHint="Navigates to the previous screen"
+  onPress={this._onPress}>
+  <View style={styles.button}>
+    <Text style={styles.buttonText}>Back</Text>
+  </View>
+</TouchableOpacity>
+
+

In the above example, VoiceOver will read the hint after the label, if the user has hints enabled in the device's VoiceOver settings. Read more about guidelines for accessibilityHint in the iOS Developer Docs

accessibilityRole (iOS, Android)

Note: Accessibility Role and Accessibility States are meant to be a cross-platform solution to replace accessibilityTraits and accessibilityComponentType, which will soon be deprecated. When possible, use accessibilityRole and accessibilityStates instead of accessibilityTraits and accessibilityComponentType.

diff --git a/docs/next/text.html b/docs/next/text.html index cb69dc34db0..624224ad744 100644 --- a/docs/next/text.html +++ b/docs/next/text.html @@ -199,6 +199,8 @@ AppRegistry.registerComponent('AwesomeProject', () => BlueIsCool);

Props

  • selectable
    • +
  • accessibilityHint
    • +
  • accessibilityLabel
  • accessible
  • ellipsizeMode
  • nativeID
    • @@ -231,6 +233,28 @@ AppRegistry.registerComponent('AwesomeProject', () => BlueIsCool);
    +

    accessibilityHint

    +

    An accessibility hint helps users understand what will happen when they perform an action on the accessibility element when that result is not obvious from the accessibility label.

    + + + + + + + +
    TypeRequired
    stringNo
    +
    +

    accessibilityLabel

    +

    Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.

    + + + + + + + +
    TypeRequired
    nodeNo
    +

    accessible

    When set to true, indicates that the view is an accessibility element. The default value for a Text element is true.

    See the Accessibility guide for more information.

    diff --git a/docs/next/text/index.html b/docs/next/text/index.html index cb69dc34db0..624224ad744 100644 --- a/docs/next/text/index.html +++ b/docs/next/text/index.html @@ -199,6 +199,8 @@ AppRegistry.registerComponent('AwesomeProject', () => BlueIsCool);

    Props

    • selectable
      • +
    • accessibilityHint
      • +
    • accessibilityLabel
    • accessible
    • ellipsizeMode
    • nativeID
      • @@ -231,6 +233,28 @@ AppRegistry.registerComponent('AwesomeProject', () => BlueIsCool);
      +

      accessibilityHint

      +

      An accessibility hint helps users understand what will happen when they perform an action on the accessibility element when that result is not obvious from the accessibility label.

      + + + + + + + +
      TypeRequired
      stringNo
      +
      +

      accessibilityLabel

      +

      Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.

      + + + + + + + +
      TypeRequired
      nodeNo
      +

      accessible

      When set to true, indicates that the view is an accessibility element. The default value for a Text element is true.

      See the Accessibility guide for more information.

      diff --git a/docs/next/touchablewithoutfeedback.html b/docs/next/touchablewithoutfeedback.html index 202a2658b18..6fb1a4a32c2 100644 --- a/docs/next/touchablewithoutfeedback.html +++ b/docs/next/touchablewithoutfeedback.html @@ -35,12 +35,14 @@
      • hitSlop
      • accessibilityComponentType
        • +
      • accessibilityHint
        • +
      • accessibilityLabel
        • +
      • accessibilityTraits
      • accessible
      • delayLongPress
      • delayPressIn
      • delayPressOut
      • disabled
        • -
      • accessibilityTraits
      • onLayout
      • onLongPress
      • onPress
        • @@ -76,6 +78,38 @@
        +

        accessibilityHint

        +

        An accessibility hint helps users understand what will happen when they perform an action on the accessibility element when that result is not obvious from the accessibility label.

        + + + + + + + +
        TypeRequired
        stringNo
        +
        +

        accessibilityLabel

        +

        Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.

        + + + + + + + +
        TypeRequired
        nodeNo
        +
        +

        accessibilityTraits

        + + + + + + + +
        TypeRequired
        AccessibilityTraits, ,array of AccessibilityTraitsNo
        +

        accessible

        @@ -130,16 +164,6 @@
        -

        accessibilityTraits

        - - - - - - - -
        TypeRequired
        AccessibilityTraits, ,array of AccessibilityTraitsNo
        -

        onLayout

        Invoked on mount and layout changes with

        {nativeEvent: {layout: {x, y, width, height}}}

        diff --git a/docs/next/touchablewithoutfeedback/index.html b/docs/next/touchablewithoutfeedback/index.html index 202a2658b18..6fb1a4a32c2 100644 --- a/docs/next/touchablewithoutfeedback/index.html +++ b/docs/next/touchablewithoutfeedback/index.html @@ -35,12 +35,14 @@
        • hitSlop
        • accessibilityComponentType
          • +
        • accessibilityHint
          • +
        • accessibilityLabel
          • +
        • accessibilityTraits
        • accessible
        • delayLongPress
        • delayPressIn
        • delayPressOut
        • disabled
          • -
        • accessibilityTraits
        • onLayout
        • onLongPress
        • onPress
          • @@ -76,6 +78,38 @@
          +

          accessibilityHint

          +

          An accessibility hint helps users understand what will happen when they perform an action on the accessibility element when that result is not obvious from the accessibility label.

          + + + + + + + +
          TypeRequired
          stringNo
          +
          +

          accessibilityLabel

          +

          Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.

          + + + + + + + +
          TypeRequired
          nodeNo
          +
          +

          accessibilityTraits

          + + + + + + + +
          TypeRequired
          AccessibilityTraits, ,array of AccessibilityTraitsNo
          +

          accessible

          @@ -130,16 +164,6 @@
          -

          accessibilityTraits

          - - - - - - - -
          TypeRequired
          AccessibilityTraits, ,array of AccessibilityTraitsNo
          -

          onLayout

          Invoked on mount and layout changes with

          {nativeEvent: {layout: {x, y, width, height}}}

          diff --git a/docs/next/view.html b/docs/next/view.html index 15a294ae0d1..09a8b3fcf29 100644 --- a/docs/next/view.html +++ b/docs/next/view.html @@ -72,6 +72,7 @@
          • onStartShouldSetResponder
          • accessibilityLabel
            • +
          • accessibilityHint
          • hitSlop
          • nativeID
          • onAccessibilityTap
            • @@ -117,6 +118,17 @@
            +

            accessibilityHint

            +

            An accessibility hint helps users understand what will happen when they perform an action on the accessibility element when that result is not obvious from the accessibility label.

            + + + + + + + +
            TypeRequired
            stringNo
            +

            accessibilityLabel

            Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.

            diff --git a/docs/next/view/index.html b/docs/next/view/index.html index 15a294ae0d1..09a8b3fcf29 100644 --- a/docs/next/view/index.html +++ b/docs/next/view/index.html @@ -72,6 +72,7 @@
            +

            accessibilityHint

            +

            An accessibility hint helps users understand what will happen when they perform an action on the accessibility element when that result is not obvious from the accessibility label.

            + + + + + + + +
            TypeRequired
            stringNo
            +

            accessibilityLabel

            Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.

            diff --git a/movies.json b/movies.json index bbe6ed55a95..b6337cbc2c3 100644 --- a/movies.json +++ b/movies.json @@ -2,11 +2,10 @@ "title": "The Basics - Networking", "description": "Your app fetched this from a remote endpoint!", "movies": [ - { "id": "1", "title": "Star Wars", "releaseYear": "1977"}, - { "id": "2", "title": "Back to the Future", "releaseYear": "1985"}, - { "id": "3", "title": "The Matrix", "releaseYear": "1999"}, - { "id": "4", "title": "Inception", "releaseYear": "2010"}, - { "id": "5", "title": "Interstellar", "releaseYear": "2014"} + { "id": "1", "title": "Star Wars", "releaseYear": "1977" }, + { "id": "2", "title": "Back to the Future", "releaseYear": "1985" }, + { "id": "3", "title": "The Matrix", "releaseYear": "1999" }, + { "id": "4", "title": "Inception", "releaseYear": "2010" }, + { "id": "5", "title": "Interstellar", "releaseYear": "2014" } ] } -