Merge pull request #897 from cds-snc/issue/888/external-link-a11y

Announce 'double tap to activate' on external links with Talkback

src/components/ButtonSingleLine.tsx

@@ -69,7 +69,7 @@ export const ButtonSingleLine = ({
       justifyContent="center"
       // eslint-disable-next-line react-native/no-inline-styles
       style={{
-        backgroundColor: Platform.OS === 'ios' ? color : 'transparent',
+        backgroundColor: Platform.OS === 'ios' || externalLink ? color : 'transparent',
         minHeight: height,
         borderWidth,
         borderColor: buttonColor,
@@ -122,7 +122,17 @@ export const ButtonSingleLine = ({
   };
 
   if (Platform.OS === 'android') {
-    return (
+    return externalLink ? (
+      <TouchableOpacity
+        accessible
+        disabled={disabled}
+        onPress={onPressHandler}
+        activeOpacity={0.6}
+        {...accessibilityProps}
+      >
+        {content}
+      </TouchableOpacity>
+    ) : (
       <Ripple
         disabled={disabled}
         onPress={onPressHandler}