Merge pull request Expensify#80446 from linhvovan29546/fix/77460-send-button-not-work-when-enable-talkback

Can't send message on Android when Talkback is enabled

Author: carlosmiceli

src/pages/inbox/report/ReportActionCompose/SendButton.tsx

@@ -44,16 +44,24 @@ function SendButton({isDisabled: isDisabledProp, handleSendMessage}: SendButtonP
                 key={`send-button-${isSmallScreenWidth ? 'small-screen' : 'normal-screen'}`}
                 gesture={Tap}
             >
-                <View collapsable={false}>
+                <View
+                    // In order to make buttons accessible, we have to wrap children in a View with accessible and accessibilityRole="button" props based on the docs: https://docs.swmansion.com/react-native-gesture-handler/docs/components/buttons/
+                    accessible
+                    role={CONST.ROLE.BUTTON}
+                    accessibilityLabel={translate('common.send')}
+                    collapsable={false}
+                >
                     <Tooltip text={translate('common.send')}>
                         <PressableWithFeedback
                             style={({pressed, isDisabled}) => [
                                 styles.chatItemSubmitButton,
                                 isDisabledProp || pressed || isDisabled ? undefined : styles.buttonSuccess,
                                 isDisabledProp ? styles.cursorDisabled : undefined,
                             ]}
-                            role={CONST.ROLE.BUTTON}
-                            accessibilityLabel={translate('common.send')}
+                            // Since the parent View has accessible, we need to set accessible to false here to avoid duplicate accessibility elements.
+                            // On Android when TalkBack is enabled, only the parent element should be accessible, otherwise the button will not work.
+                            accessible={false}
+                            focusable={false}
                             sentryLabel={CONST.SENTRY_LABEL.REPORT.SEND_BUTTON}
                         >
                             {({pressed}) => (