Merge pull request #2227 from jitsi/mobile_testing

feat: add more accessibility labels

react/features/base/react/components/native/Container.js

@@ -30,6 +30,8 @@ export default class Container extends AbstractContainer {
      */
     render() {
         const {
+            accessibilityLabel,
+            accessible,
             onClick,
             touchFeedback = onClick,
             visible = true,
@@ -50,7 +52,11 @@ export default class Container extends AbstractContainer {
                     touchFeedback
                         ? TouchableHighlight
                         : TouchableWithoutFeedback,
-                    { onPress: onClick },
+                    {
+                        accessibilityLabel,
+                        accessible,
+                        onPress: onClick
+                    },
                     element);
         }
 

react/features/conference/components/Conference.native.js

@@ -179,6 +179,8 @@ class Conference extends Component<Props> {
     render() {
         return (
             <Container
+                accessibilityLabel = 'Conference'
+                accessible = { false }
                 onClick = { this._onClick }
                 style = { styles.conference }
                 touchFeedback = { false }>

react/features/toolbox/components/ToolbarButton.native.js

@@ -38,6 +38,8 @@ class ToolbarButton extends AbstractToolbarButton {
     _renderButton(children) {
         const props = {};
 
+        'accessibilityLabel' in this.props
+            && (props.accessibilityLabel = this.props.accessibilityLabel);
         'disabled' in this.props && (props.disabled = this.props.disabled);
         'onClick' in this.props && (props.onPress = this._onClick);
         'style' in this.props && (props.style = this.props.style);

react/features/toolbox/components/Toolbox.native.js

@@ -243,6 +243,7 @@ class Toolbox extends Component {
                     onClick = { this._onToggleAudio }
                     style = { audioButtonStyles.style } />
                 <ToolbarButton
+                    accessibilityLabel = 'Hangup'
                     iconName = 'hangup'
                     iconStyle = { styles.whitePrimaryToolbarButtonIcon }
                     onClick = { this.props._onHangup }