From 70eff9c1c4a0aceebe87353e70f90d115062261b Mon Sep 17 00:00:00 2001
From: Brian August Nguyen <brianacnguyen@gmail.com>
Date: Tue, 27 Feb 2024 16:32:05 -0800
Subject: [PATCH] fix: Updated accessibility role for buttons (#8753)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## **Description**
- Updated accessibility role for buttons and text inside buttons
- Enabled 'Text' to accept accessibilityRole

## **Related issues**

Fixes: #8630

## **Manual testing steps**

1. Go to this page...
2.
3.

## **Screenshots/Recordings**

<!-- If applicable, add screenshots and/or recordings to visualize the
before and after of your change. -->

### **Before**

<!-- [screenshots/recordings] -->

### **After**

<!-- [screenshots/recordings] -->

## **Pre-merge author checklist**

- [x] I’ve followed [MetaMask Coding
Standards](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/CODING_GUIDELINES.md).
- [x] I've clearly explained what problem this PR is solving and how it
is solved.
- [x] I've linked related issues
- [ ] I've included manual testing steps
- [ ] I've included screenshots/recordings if applicable
- [ ] I’ve included tests if applicable
- [x] I’ve documented my code using [JSDoc](https://jsdoc.app/) format
if applicable
- [x] I’ve applied the right labels on the PR (see [labeling
guidelines](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/LABELING_GUIDELINES.md)).
Not required for external contributors.
- [x] I’ve properly set the pull request status:
  - [ ] In case it's not yet "ready for review", I've set it to "draft".
- [ ] In case it's "ready for review", I've changed it from "draft" to
"non-draft".

## **Pre-merge reviewer checklist**

- [ ] I've manually tested the PR (e.g. pull and build branch, run the
app, test code being changed).
- [ ] I confirm that this PR addresses all acceptance criteria described
in the ticket it closes and includes the necessary testing evidence such
as recordings and or screenshots.
---
 .../CustomSpendCap.test.tsx.snap              |  6 +++--
 .../Banner/__snapshots__/Banner.test.tsx.snap |  4 ++++
 .../__snapshots__/BannerAlert.test.tsx.snap   |  3 ++-
 .../__snapshots__/BannerTip.test.tsx.snap     |  3 ++-
 .../BottomSheetFooter.test.tsx.snap           |  4 ++++
 .../foundation/ButtonBase/ButtonBase.tsx      |  3 +++
 .../__snapshots__/ButtonBase.test.tsx.snap    |  6 +++++
 .../Button/variants/ButtonLink/ButtonLink.tsx |  1 +
 .../__snapshots__/ButtonLink.test.tsx.snap    |  1 +
 .../components/Texts/Text/Text.tsx            |  2 +-
 .../CollectibleModal.test.tsx.snap            |  2 ++
 .../__snapshots__/index.test.tsx.snap         |  4 ++++
 .../NetworkVerificationInfo.test.tsx.snap     |  4 ++++
 .../NetworkSwitcher.test.tsx.snap             |  4 ++++
 .../Tokens/__snapshots__/index.test.tsx.snap  |  6 +++++
 .../EditAccountName.test.tsx.snap             |  4 ++++
 .../NetworkSelector.test.tsx.snap             |  2 ++
 .../__snapshots__/index.test.tsx.snap         |  5 +++-
 .../BlockaidIndicator.test.tsx.snap           | 12 ++++++++++
 .../SecuritySettings.test.tsx.snap            | 24 +++++++++++++++++--
 .../ShowDisplayNFTMediaSheet.test.tsx.snap    |  4 ++++
 .../ShowIpfsGatewaySheet.test.tsx.snap        |  4 ++++
 .../ApprovalResult.test.tsx.snap              |  4 ++++
 23 files changed, 104 insertions(+), 8 deletions(-)

diff --git a/app/component-library/components-temp/CustomSpendCap/__snapshots__/CustomSpendCap.test.tsx.snap b/app/component-library/components-temp/CustomSpendCap/__snapshots__/CustomSpendCap.test.tsx.snap
index 070f6a317e0..c59cb885be7 100644
--- a/app/component-library/components-temp/CustomSpendCap/__snapshots__/CustomSpendCap.test.tsx.snap
+++ b/app/component-library/components-temp/CustomSpendCap/__snapshots__/CustomSpendCap.test.tsx.snap
@@ -89,7 +89,8 @@ exports[`CustomSpendCap should match snapshot 1`] = `
       </View>
     </View>
     <Text
-      accessibilityRole="text"
+      accessibilityRole="link"
+      accessible={true}
       onPress={[Function]}
       onPressIn={[Function]}
       onPressOut={[Function]}
@@ -220,7 +221,8 @@ exports[`CustomSpendCap should match snapshot 1`] = `
       This allows the third party to spend all your token balance until it reaches the cap or you revoke the spending cap. If this is not intended, consider setting a lower spending cap.
        
       <Text
-        accessibilityRole="text"
+        accessibilityRole="link"
+        accessible={true}
         onPress={[Function]}
         onPressIn={[Function]}
         onPressOut={[Function]}
diff --git a/app/component-library/components/Banners/Banner/__snapshots__/Banner.test.tsx.snap b/app/component-library/components/Banners/Banner/__snapshots__/Banner.test.tsx.snap
index 32e2b2664bf..d7dcd2f3e89 100644
--- a/app/component-library/components/Banners/Banner/__snapshots__/Banner.test.tsx.snap
+++ b/app/component-library/components/Banners/Banner/__snapshots__/Banner.test.tsx.snap
@@ -151,6 +151,8 @@ exports[`Banner should render correctly with a close button 1`] = `
       Sample Banner Description
     </Text>
     <TouchableOpacity
+      accessibilityRole="button"
+      accessible={true}
       activeOpacity={1}
       onPress={[Function]}
       onPressIn={[Function]}
@@ -385,6 +387,8 @@ exports[`Banner should render correctly with an action button 1`] = `
       Sample Banner Description
     </Text>
     <TouchableOpacity
+      accessibilityRole="button"
+      accessible={true}
       activeOpacity={1}
       onPress={[Function]}
       onPressIn={[Function]}
diff --git a/app/component-library/components/Banners/Banner/variants/BannerAlert/__snapshots__/BannerAlert.test.tsx.snap b/app/component-library/components/Banners/Banner/variants/BannerAlert/__snapshots__/BannerAlert.test.tsx.snap
index 4c09eadf285..b5a3ffbe857 100644
--- a/app/component-library/components/Banners/Banner/variants/BannerAlert/__snapshots__/BannerAlert.test.tsx.snap
+++ b/app/component-library/components/Banners/Banner/variants/BannerAlert/__snapshots__/BannerAlert.test.tsx.snap
@@ -73,7 +73,8 @@ exports[`BannerAlert should render BannerAlert 1`] = `
       Sample Banner Alert Description
     </Text>
     <Text
-      accessibilityRole="text"
+      accessibilityRole="link"
+      accessible={true}
       onPress={[Function]}
       onPressIn={[Function]}
       onPressOut={[Function]}
diff --git a/app/component-library/components/Banners/Banner/variants/BannerTip/__snapshots__/BannerTip.test.tsx.snap b/app/component-library/components/Banners/Banner/variants/BannerTip/__snapshots__/BannerTip.test.tsx.snap
index 76b851db950..f9ba211355d 100644
--- a/app/component-library/components/Banners/Banner/variants/BannerTip/__snapshots__/BannerTip.test.tsx.snap
+++ b/app/component-library/components/Banners/Banner/variants/BannerTip/__snapshots__/BannerTip.test.tsx.snap
@@ -83,7 +83,8 @@ exports[`BannerTip should render default settings correctly 1`] = `
       Sample Banner Tip Description
     </Text>
     <Text
-      accessibilityRole="text"
+      accessibilityRole="link"
+      accessible={true}
       onPress={[Function]}
       onPressIn={[Function]}
       onPressOut={[Function]}
diff --git a/app/component-library/components/BottomSheets/BottomSheetFooter/__snapshots__/BottomSheetFooter.test.tsx.snap b/app/component-library/components/BottomSheets/BottomSheetFooter/__snapshots__/BottomSheetFooter.test.tsx.snap
index 48120778bff..f6ca0d70730 100644
--- a/app/component-library/components/BottomSheets/BottomSheetFooter/__snapshots__/BottomSheetFooter.test.tsx.snap
+++ b/app/component-library/components/BottomSheets/BottomSheetFooter/__snapshots__/BottomSheetFooter.test.tsx.snap
@@ -13,6 +13,8 @@ exports[`BottomSheetFooter should render snapshot correctly 1`] = `
   testID="bottomsheetfooter"
 >
   <TouchableOpacity
+    accessibilityRole="button"
+    accessible={true}
     activeOpacity={1}
     onPress={[Function]}
     onPressIn={[Function]}
@@ -52,6 +54,8 @@ exports[`BottomSheetFooter should render snapshot correctly 1`] = `
     </Text>
   </TouchableOpacity>
   <TouchableOpacity
+    accessibilityRole="button"
+    accessible={true}
     activeOpacity={1}
     onPress={[Function]}
     onPressIn={[Function]}
diff --git a/app/component-library/components/Buttons/Button/foundation/ButtonBase/ButtonBase.tsx b/app/component-library/components/Buttons/Button/foundation/ButtonBase/ButtonBase.tsx
index 8bc0a25e47a..9633c5f8220 100644
--- a/app/component-library/components/Buttons/Button/foundation/ButtonBase/ButtonBase.tsx
+++ b/app/component-library/components/Buttons/Button/foundation/ButtonBase/ButtonBase.tsx
@@ -45,6 +45,8 @@ const ButtonBase = ({
       activeOpacity={1}
       onPress={onPress}
       style={styles.base}
+      accessibilityRole="button"
+      accessible
       {...props}
     >
       {startIconName && (
@@ -59,6 +61,7 @@ const ButtonBase = ({
         <Text
           variant={DEFAULT_BUTTONBASE_LABEL_TEXTVARIANT}
           style={styles.label}
+          accessibilityRole="none"
         >
           {label}
         </Text>
diff --git a/app/component-library/components/Buttons/Button/foundation/ButtonBase/__snapshots__/ButtonBase.test.tsx.snap b/app/component-library/components/Buttons/Button/foundation/ButtonBase/__snapshots__/ButtonBase.test.tsx.snap
index 08320150ea7..3532252e95d 100644
--- a/app/component-library/components/Buttons/Button/foundation/ButtonBase/__snapshots__/ButtonBase.test.tsx.snap
+++ b/app/component-library/components/Buttons/Button/foundation/ButtonBase/__snapshots__/ButtonBase.test.tsx.snap
@@ -2,6 +2,8 @@
 
 exports[`ButtonBase should render correctly 1`] = `
 <TouchableOpacity
+  accessibilityRole="button"
+  accessible={true}
   activeOpacity={1}
   onPress={[Function]}
   style={
@@ -28,6 +30,7 @@ exports[`ButtonBase should render correctly 1`] = `
     }
   />
   <Text
+    accessibilityRole="none"
     style={
       Object {
         "color": "#24272A",
@@ -42,6 +45,8 @@ exports[`ButtonBase should render correctly 1`] = `
 
 exports[`ButtonBase should render correctly when disabled 1`] = `
 <TouchableOpacity
+  accessibilityRole="button"
+  accessible={true}
   activeOpacity={1}
   disabled={true}
   onPress={[Function]}
@@ -70,6 +75,7 @@ exports[`ButtonBase should render correctly when disabled 1`] = `
     }
   />
   <Text
+    accessibilityRole="none"
     style={
       Object {
         "color": "#24272A",
diff --git a/app/component-library/components/Buttons/Button/variants/ButtonLink/ButtonLink.tsx b/app/component-library/components/Buttons/Button/variants/ButtonLink/ButtonLink.tsx
index 7e6e183bc01..76732e0a4a5 100644
--- a/app/component-library/components/Buttons/Button/variants/ButtonLink/ButtonLink.tsx
+++ b/app/component-library/components/Buttons/Button/variants/ButtonLink/ButtonLink.tsx
@@ -80,6 +80,7 @@ const ButtonLink: React.FC<ButtonLinkProps> = ({
           onPressIn={triggerOnPressedIn}
           onPressOut={triggerOnPressedOut}
           accessibilityRole="link"
+          accessible
           {...props}
         >
           {renderLabel()}
diff --git a/app/component-library/components/Buttons/Button/variants/ButtonLink/__snapshots__/ButtonLink.test.tsx.snap b/app/component-library/components/Buttons/Button/variants/ButtonLink/__snapshots__/ButtonLink.test.tsx.snap
index e61087c330c..e010f07fb29 100644
--- a/app/component-library/components/Buttons/Button/variants/ButtonLink/__snapshots__/ButtonLink.test.tsx.snap
+++ b/app/component-library/components/Buttons/Button/variants/ButtonLink/__snapshots__/ButtonLink.test.tsx.snap
@@ -4,6 +4,7 @@ exports[`Link should render correctly 1`] = `
 <Fragment>
   <Text
     accessibilityRole="link"
+    accessible={true}
     onPress={[Function]}
     onPressIn={[Function]}
     onPressOut={[Function]}
diff --git a/app/component-library/components/Texts/Text/Text.tsx b/app/component-library/components/Texts/Text/Text.tsx
index 3ae5665d71c..617702a41be 100644
--- a/app/component-library/components/Texts/Text/Text.tsx
+++ b/app/component-library/components/Texts/Text/Text.tsx
@@ -21,7 +21,7 @@ const Text: React.FC<TextProps> = ({
 }) => {
   const { styles } = useStyles(styleSheet, { variant, style, color });
   return (
-    <RNText {...props} style={styles.base} accessibilityRole="text">
+    <RNText accessibilityRole="text" {...props} style={styles.base}>
       {children}
     </RNText>
   );
diff --git a/app/components/UI/CollectibleModal/__snapshots__/CollectibleModal.test.tsx.snap b/app/components/UI/CollectibleModal/__snapshots__/CollectibleModal.test.tsx.snap
index d2fca929ba7..cec47e30a5b 100644
--- a/app/components/UI/CollectibleModal/__snapshots__/CollectibleModal.test.tsx.snap
+++ b/app/components/UI/CollectibleModal/__snapshots__/CollectibleModal.test.tsx.snap
@@ -192,6 +192,8 @@ exports[`CollectibleModal should render correctly 1`] = `
             }
           >
             <TouchableOpacity
+              accessibilityRole="button"
+              accessible={true}
               activeOpacity={1}
               onPress={[Function]}
               onPressIn={[Function]}
diff --git a/app/components/UI/NetworkModal/__snapshots__/index.test.tsx.snap b/app/components/UI/NetworkModal/__snapshots__/index.test.tsx.snap
index 648a484d48f..c6973deb960 100644
--- a/app/components/UI/NetworkModal/__snapshots__/index.test.tsx.snap
+++ b/app/components/UI/NetworkModal/__snapshots__/index.test.tsx.snap
@@ -504,6 +504,8 @@ exports[`NetworkDetails renders correctly 1`] = `
               testID="bottomsheetfooter"
             >
               <TouchableOpacity
+                accessibilityRole="button"
+                accessible={true}
                 activeOpacity={1}
                 onPress={[Function]}
                 onPressIn={[Function]}
@@ -543,6 +545,8 @@ exports[`NetworkDetails renders correctly 1`] = `
                 </Text>
               </TouchableOpacity>
               <TouchableOpacity
+                accessibilityRole="button"
+                accessible={true}
                 activeOpacity={1}
                 onPress={[Function]}
                 onPressIn={[Function]}
diff --git a/app/components/UI/NetworkVerificationInfo/__snapshots__/NetworkVerificationInfo.test.tsx.snap b/app/components/UI/NetworkVerificationInfo/__snapshots__/NetworkVerificationInfo.test.tsx.snap
index a77b33f0cd7..6f403261d8e 100644
--- a/app/components/UI/NetworkVerificationInfo/__snapshots__/NetworkVerificationInfo.test.tsx.snap
+++ b/app/components/UI/NetworkVerificationInfo/__snapshots__/NetworkVerificationInfo.test.tsx.snap
@@ -463,6 +463,8 @@ exports[`NetworkVerificationInfo renders correctly 1`] = `
     testID="bottomsheetfooter"
   >
     <TouchableOpacity
+      accessibilityRole="button"
+      accessible={true}
       activeOpacity={1}
       onPressIn={[Function]}
       onPressOut={[Function]}
@@ -501,6 +503,8 @@ exports[`NetworkVerificationInfo renders correctly 1`] = `
       </Text>
     </TouchableOpacity>
     <TouchableOpacity
+      accessibilityRole="button"
+      accessible={true}
       activeOpacity={1}
       onPressIn={[Function]}
       onPressOut={[Function]}
diff --git a/app/components/UI/Ramp/Views/NetworkSwitcher/__snapshots__/NetworkSwitcher.test.tsx.snap b/app/components/UI/Ramp/Views/NetworkSwitcher/__snapshots__/NetworkSwitcher.test.tsx.snap
index 9ca4bee8ffc..c4cf4aab248 100644
--- a/app/components/UI/Ramp/Views/NetworkSwitcher/__snapshots__/NetworkSwitcher.test.tsx.snap
+++ b/app/components/UI/Ramp/Views/NetworkSwitcher/__snapshots__/NetworkSwitcher.test.tsx.snap
@@ -1332,6 +1332,8 @@ exports[`NetworkSwitcher View renders and dismisses network modal when pressing
                                               testID="bottomsheetfooter"
                                             >
                                               <TouchableOpacity
+                                                accessibilityRole="button"
+                                                accessible={true}
                                                 activeOpacity={1}
                                                 onPress={[Function]}
                                                 onPressIn={[Function]}
@@ -1371,6 +1373,8 @@ exports[`NetworkSwitcher View renders and dismisses network modal when pressing
                                                 </Text>
                                               </TouchableOpacity>
                                               <TouchableOpacity
+                                                accessibilityRole="button"
+                                                accessible={true}
                                                 activeOpacity={1}
                                                 onPress={[Function]}
                                                 onPressIn={[Function]}
diff --git a/app/components/UI/Tokens/__snapshots__/index.test.tsx.snap b/app/components/UI/Tokens/__snapshots__/index.test.tsx.snap
index 3ea9e567bcd..c6fd1399a80 100644
--- a/app/components/UI/Tokens/__snapshots__/index.test.tsx.snap
+++ b/app/components/UI/Tokens/__snapshots__/index.test.tsx.snap
@@ -438,6 +438,8 @@ exports[`Tokens should hide zero balance tokens when setting is on 1`] = `
                                 0 USD
                               </Text>
                               <TouchableOpacity
+                                accessibilityRole="button"
+                                accessible={true}
                                 activeOpacity={1}
                                 onPress={[Function]}
                                 onPressIn={[Function]}
@@ -1433,6 +1435,8 @@ exports[`Tokens should render correctly 1`] = `
                                 0 USD
                               </Text>
                               <TouchableOpacity
+                                accessibilityRole="button"
+                                accessible={true}
                                 activeOpacity={1}
                                 onPress={[Function]}
                                 onPressIn={[Function]}
@@ -2436,6 +2440,8 @@ exports[`Tokens should show all balance tokens when hideZeroBalanceTokens settin
                                 0 USD
                               </Text>
                               <TouchableOpacity
+                                accessibilityRole="button"
+                                accessible={true}
                                 activeOpacity={1}
                                 onPress={[Function]}
                                 onPressIn={[Function]}
diff --git a/app/components/Views/EditAccountName/__snapshots__/EditAccountName.test.tsx.snap b/app/components/Views/EditAccountName/__snapshots__/EditAccountName.test.tsx.snap
index 1e786368a12..70c5786129d 100644
--- a/app/components/Views/EditAccountName/__snapshots__/EditAccountName.test.tsx.snap
+++ b/app/components/Views/EditAccountName/__snapshots__/EditAccountName.test.tsx.snap
@@ -179,6 +179,8 @@ exports[`EditAccountName should render correctly 1`] = `
     }
   >
     <TouchableOpacity
+      accessibilityRole="button"
+      accessible={true}
       activeOpacity={1}
       onPress={[MockFunction]}
       onPressIn={[Function]}
@@ -218,6 +220,8 @@ exports[`EditAccountName should render correctly 1`] = `
       </Text>
     </TouchableOpacity>
     <TouchableOpacity
+      accessibilityRole="button"
+      accessible={true}
       activeOpacity={1}
       disabled={false}
       onPress={[Function]}
diff --git a/app/components/Views/NetworkSelector/__snapshots__/NetworkSelector.test.tsx.snap b/app/components/Views/NetworkSelector/__snapshots__/NetworkSelector.test.tsx.snap
index 25e8f277dde..7f69b40d822 100644
--- a/app/components/Views/NetworkSelector/__snapshots__/NetworkSelector.test.tsx.snap
+++ b/app/components/Views/NetworkSelector/__snapshots__/NetworkSelector.test.tsx.snap
@@ -1118,6 +1118,8 @@ exports[`Network Selector renders correctly 1`] = `
                             </View>
                           </RCTScrollView>
                           <TouchableOpacity
+                            accessibilityRole="button"
+                            accessible={true}
                             activeOpacity={1}
                             onPress={[Function]}
                             onPressIn={[Function]}
diff --git a/app/components/Views/Settings/ExperimentalSettings/__snapshots__/index.test.tsx.snap b/app/components/Views/Settings/ExperimentalSettings/__snapshots__/index.test.tsx.snap
index 3c174754ac1..fab901c9725 100644
--- a/app/components/Views/Settings/ExperimentalSettings/__snapshots__/index.test.tsx.snap
+++ b/app/components/Views/Settings/ExperimentalSettings/__snapshots__/index.test.tsx.snap
@@ -45,6 +45,8 @@ Array [
         View the list of active WalletConnect sessions
       </Text>
       <TouchableOpacity
+        accessibilityRole="button"
+        accessible={true}
         activeOpacity={1}
         onPress={[Function]}
         onPressIn={[Function]}
@@ -174,7 +176,8 @@ Array [
           This is a test feature that blocks any changes to the app's JavaScript code without permission.
            
           <Text
-            accessibilityRole="text"
+            accessibilityRole="link"
+            accessible={true}
             onPress={[Function]}
             onPressIn={[Function]}
             onPressOut={[Function]}
diff --git a/app/components/Views/Settings/SecuritySettings/BlockaidIndicator/__snapshots__/BlockaidIndicator.test.tsx.snap b/app/components/Views/Settings/SecuritySettings/BlockaidIndicator/__snapshots__/BlockaidIndicator.test.tsx.snap
index 81076bd90fd..ede40817e07 100644
--- a/app/components/Views/Settings/SecuritySettings/BlockaidIndicator/__snapshots__/BlockaidIndicator.test.tsx.snap
+++ b/app/components/Views/Settings/SecuritySettings/BlockaidIndicator/__snapshots__/BlockaidIndicator.test.tsx.snap
@@ -116,6 +116,8 @@ Array [
         }
       >
         <TouchableOpacity
+          accessibilityRole="button"
+          accessible={true}
           activeOpacity={1}
           onPress={[Function]}
           onPressIn={[Function]}
@@ -154,6 +156,8 @@ Array [
           </Text>
         </TouchableOpacity>
         <TouchableOpacity
+          accessibilityRole="button"
+          accessible={true}
           activeOpacity={1}
           onPress={[Function]}
           onPressIn={[Function]}
@@ -312,6 +316,8 @@ Array [
         }
       >
         <TouchableOpacity
+          accessibilityRole="button"
+          accessible={true}
           activeOpacity={1}
           onPress={[Function]}
           onPressIn={[Function]}
@@ -350,6 +356,8 @@ Array [
           </Text>
         </TouchableOpacity>
         <TouchableOpacity
+          accessibilityRole="button"
+          accessible={true}
           activeOpacity={1}
           onPress={[Function]}
           onPressIn={[Function]}
@@ -496,6 +504,8 @@ Array [
         }
       >
         <TouchableOpacity
+          accessibilityRole="button"
+          accessible={true}
           activeOpacity={1}
           onPress={[Function]}
           onPressIn={[Function]}
@@ -534,6 +544,8 @@ Array [
           </Text>
         </TouchableOpacity>
         <TouchableOpacity
+          accessibilityRole="button"
+          accessible={true}
           activeOpacity={1}
           onPress={[Function]}
           onPressIn={[Function]}
diff --git a/app/components/Views/Settings/SecuritySettings/__snapshots__/SecuritySettings.test.tsx.snap b/app/components/Views/Settings/SecuritySettings/__snapshots__/SecuritySettings.test.tsx.snap
index 9eb80c8edc1..7808ae51631 100644
--- a/app/components/Views/Settings/SecuritySettings/__snapshots__/SecuritySettings.test.tsx.snap
+++ b/app/components/Views/Settings/SecuritySettings/__snapshots__/SecuritySettings.test.tsx.snap
@@ -109,7 +109,8 @@ exports[`SecuritySettings should render correctly 1`] = `
           This is your wallet’s 12 word phrase. This phrase can be used to take control of all your current and future accounts, including the ability to send away funds in your wallet. Keep this phrase stored safely, DO NOT share it with anyone. MetaMask cannot help you recover this key.
         </Text>
         <Text
-          accessibilityRole="text"
+          accessibilityRole="link"
+          accessible={true}
           onPress={[Function]}
           onPressIn={[Function]}
           onPressOut={[Function]}
@@ -198,6 +199,8 @@ exports[`SecuritySettings should render correctly 1`] = `
           </View>
         </View>
         <TouchableOpacity
+          accessibilityRole="button"
+          accessible={true}
           activeOpacity={1}
           onPress={[Function]}
           onPressIn={[Function]}
@@ -274,6 +277,8 @@ exports[`SecuritySettings should render correctly 1`] = `
           Choose a strong password to unlock MetaMask app on your device. If you lose this password, you will need your Secret Recovery Phrase to re-import your wallet.
         </Text>
         <TouchableOpacity
+          accessibilityRole="button"
+          accessible={true}
           activeOpacity={1}
           onPress={[Function]}
           onPressIn={[Function]}
@@ -591,6 +596,8 @@ exports[`SecuritySettings should render correctly 1`] = `
           This is the private key for the current selected account: [missing {{accountName}} value]. Never disclose this key. Anyone with your private key can fully control your account, including transferring away any of your funds.
         </Text>
         <TouchableOpacity
+          accessibilityRole="button"
+          accessible={true}
           activeOpacity={1}
           onPress={[Function]}
           onPressIn={[Function]}
@@ -826,6 +833,8 @@ exports[`SecuritySettings should render correctly 1`] = `
           }
         >
           <TouchableOpacity
+            accessibilityRole="button"
+            accessible={true}
             activeOpacity={1}
             onPress={[Function]}
             onPressIn={[Function]}
@@ -913,6 +922,8 @@ exports[`SecuritySettings should render correctly 1`] = `
           }
         >
           <TouchableOpacity
+            accessibilityRole="button"
+            accessible={true}
             activeOpacity={1}
             onPress={[Function]}
             onPressIn={[Function]}
@@ -1027,6 +1038,8 @@ exports[`SecuritySettings should render correctly 1`] = `
           }
         >
           <TouchableOpacity
+            accessibilityRole="button"
+            accessible={true}
             activeOpacity={1}
             disabled={true}
             onPress={[Function]}
@@ -1114,6 +1127,8 @@ exports[`SecuritySettings should render correctly 1`] = `
           }
         >
           <TouchableOpacity
+            accessibilityRole="button"
+            accessible={true}
             activeOpacity={1}
             disabled={true}
             onPress={[Function]}
@@ -2365,7 +2380,8 @@ exports[`SecuritySettings should render correctly 1`] = `
           </Text>
            
           <Text
-            accessibilityRole="text"
+            accessibilityRole="link"
+            accessible={true}
             onPress={[Function]}
             onPressIn={[Function]}
             onPressOut={[Function]}
@@ -2402,6 +2418,8 @@ exports[`SecuritySettings should render correctly 1`] = `
           }
         >
           <TouchableOpacity
+            accessibilityRole="button"
+            accessible={true}
             activeOpacity={1}
             disabled={false}
             onPress={[Function]}
@@ -2519,6 +2537,8 @@ exports[`SecuritySettings should render correctly 1`] = `
           }
         >
           <TouchableOpacity
+            accessibilityRole="button"
+            accessible={true}
             activeOpacity={1}
             onPress={[Function]}
             onPressIn={[Function]}
diff --git a/app/components/Views/ShowDisplayMediaNFTSheet/__snapshots__/ShowDisplayNFTMediaSheet.test.tsx.snap b/app/components/Views/ShowDisplayMediaNFTSheet/__snapshots__/ShowDisplayNFTMediaSheet.test.tsx.snap
index 99d77939cb3..171f86ba0f6 100644
--- a/app/components/Views/ShowDisplayMediaNFTSheet/__snapshots__/ShowDisplayNFTMediaSheet.test.tsx.snap
+++ b/app/components/Views/ShowDisplayMediaNFTSheet/__snapshots__/ShowDisplayNFTMediaSheet.test.tsx.snap
@@ -539,6 +539,8 @@ exports[`ShowNftSheet should render correctly 1`] = `
                             }
                           >
                             <TouchableOpacity
+                              accessibilityRole="button"
+                              accessible={true}
                               activeOpacity={1}
                               onPress={[Function]}
                               onPressIn={[Function]}
@@ -578,6 +580,8 @@ exports[`ShowNftSheet should render correctly 1`] = `
                               </Text>
                             </TouchableOpacity>
                             <TouchableOpacity
+                              accessibilityRole="button"
+                              accessible={true}
                               activeOpacity={1}
                               onPress={[Function]}
                               onPressIn={[Function]}
diff --git a/app/components/Views/ShowIpfsGatewaySheet/__snapshots__/ShowIpfsGatewaySheet.test.tsx.snap b/app/components/Views/ShowIpfsGatewaySheet/__snapshots__/ShowIpfsGatewaySheet.test.tsx.snap
index 63857735c15..77506b4c109 100644
--- a/app/components/Views/ShowIpfsGatewaySheet/__snapshots__/ShowIpfsGatewaySheet.test.tsx.snap
+++ b/app/components/Views/ShowIpfsGatewaySheet/__snapshots__/ShowIpfsGatewaySheet.test.tsx.snap
@@ -542,6 +542,8 @@ exports[`ShowIpfsGatewaySheet should render correctly 1`] = `
                             }
                           >
                             <TouchableOpacity
+                              accessibilityRole="button"
+                              accessible={true}
                               activeOpacity={1}
                               onPress={[Function]}
                               onPressIn={[Function]}
@@ -581,6 +583,8 @@ exports[`ShowIpfsGatewaySheet should render correctly 1`] = `
                               </Text>
                             </TouchableOpacity>
                             <TouchableOpacity
+                              accessibilityRole="button"
+                              accessible={true}
                               activeOpacity={1}
                               onPress={[Function]}
                               onPressIn={[Function]}
diff --git a/app/components/Views/confirmations/components/Approval/TemplateConfirmation/Templates/__snapshots__/ApprovalResult.test.tsx.snap b/app/components/Views/confirmations/components/Approval/TemplateConfirmation/Templates/__snapshots__/ApprovalResult.test.tsx.snap
index 6e917d7644f..aa259cd1af0 100644
--- a/app/components/Views/confirmations/components/Approval/TemplateConfirmation/Templates/__snapshots__/ApprovalResult.test.tsx.snap
+++ b/app/components/Views/confirmations/components/Approval/TemplateConfirmation/Templates/__snapshots__/ApprovalResult.test.tsx.snap
@@ -169,6 +169,8 @@ exports[`ApprovalResult renders approval result with error type 1`] = `
       testID="bottomsheetfooter"
     >
       <TouchableOpacity
+        accessibilityRole="button"
+        accessible={true}
         activeOpacity={1}
         onPress={[MockFunction]}
         onPressIn={[Function]}
@@ -379,6 +381,8 @@ exports[`ApprovalResult renders approval result with success type 1`] = `
       testID="bottomsheetfooter"
     >
       <TouchableOpacity
+        accessibilityRole="button"
+        accessible={true}
         activeOpacity={1}
         onPress={[MockFunction]}
         onPressIn={[Function]}