bug/9269-Chika-NonActionableBoxesFlaggedAsInteractiveWithVoiceControl (…

…#9528)
department-of-veterans-affairs · Sep 18, 2024 · 1f3d2a9 · 1f3d2a9
1 parent 5e2750a
commit 1f3d2a9
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 6 deletions.
diff --git a/VAMobile/src/components/BaseListItem.tsx b/VAMobile/src/components/BaseListItem.tsx
@@ -235,7 +235,6 @@ const BaseListItem: FC<BaseListItemProps> = (props) => {
     onPressIn: _onPressIn,
     onPressOut: _onPressOut,
     accessible: true,
-    accessibilityRole,
     disabled: decorator === ButtonDecoratorType.RadioDisabled,
   }
 
@@ -258,6 +257,7 @@ const BaseListItem: FC<BaseListItemProps> = (props) => {
     ...a11yValueProp(a11yValue ? { text: a11yValue } : {}),
     accessibilityState: a11yState ? a11yState : {},
     accessibilityLabel: testId,
+    accessibilityRole: onPress ? accessibilityRole : 'text',
   }
 
   if (isSwitchRow && decoratorProps) {

diff --git a/VAMobile/src/screens/BenefitsScreen/DisabilityRatingsScreen/DisabilityRatingsScreen.tsx b/VAMobile/src/screens/BenefitsScreen/DisabilityRatingsScreen/DisabilityRatingsScreen.tsx
@@ -98,7 +98,8 @@ function DisabilityRatingsScreen() {
         backgroundColor={'list'}
         borderStyle="solid"
         borderColor="primary"
-        accessible={true}>
+        accessible={true}
+        accessibilityRole={'text'}>
         <Box mx={theme.dimensions.gutter} my={theme.dimensions.buttonPadding} flexDirection="column" accessible={false}>
           {percentageText && (
             <TextView variant={'MobileBodyBold'} testID={percentageText} accessible={false}>

diff --git a/VAMobile/src/screens/HealthScreen/Pharmacy/PrescriptionDetails/DetailsTextSections.tsx b/VAMobile/src/screens/HealthScreen/Pharmacy/PrescriptionDetails/DetailsTextSections.tsx
@@ -73,11 +73,11 @@ function DetailsTextSections({
       borderTopColor={'prescriptionDivider'}
       pt={standardMarginBetween}>
       <Box {...containerProps}>
-        <Box accessible={hasRightText ? true : false}>
+        <Box accessible={hasRightText ? true : false} accessibilityRole={'text'}>
           {getTextElements(leftSectionTitle, leftSectionValue, leftSectionTitleLabel, leftSectionValueLabel)}
         </Box>
         {hasRightText && (
-          <Box alignItems="flex-end" accessible={true}>
+          <Box alignItems="flex-end" accessible={true} accessibilityRole={'text'}>
             {getTextElements(rightSectionTitle, rightSectionValue, rightSectionTitleLabel, rightSectionValueLabel)}
           </Box>
         )}

diff --git a/VAMobile/src/screens/HealthScreen/SecureMessaging/NoInboxMessages/NoInboxMessages.tsx b/VAMobile/src/screens/HealthScreen/SecureMessaging/NoInboxMessages/NoInboxMessages.tsx
@@ -21,7 +21,7 @@ function NoInboxMessages() {
           {t('secureMessaging.inbox.noMessages.title')}
         </TextView>
       </Box>
-      <Box accessible={true}>
+      <Box accessible={true} accessibilityRole={'text'}>
         <TextView variant="MobileBody" textAlign="center" my={theme.dimensions.standardMarginBetween}>
           {t('secureMessaging.inbox.noMessages.body')}
         </TextView>

diff --git a/VAMobile/src/screens/PaymentsScreen/DirectDepositScreen/DirectDepositScreen.tsx b/VAMobile/src/screens/PaymentsScreen/DirectDepositScreen/DirectDepositScreen.tsx
@@ -116,7 +116,7 @@ function DirectDepositScreen({ navigation }: DirectDepositScreenProps) {
             </TextView>
           </Box>
           <DefaultList items={getButtonTextList()} title={t('directDeposit.information')} />
-          <Box mx={gutter} my={theme.paragraphSpacing.spacing20FontSize} accessible={true}>
+          <Box mx={gutter} my={theme.paragraphSpacing.spacing20FontSize} accessible={true} accessibilityRole={'text'}>
             <TextView>
               <TextView variant="MobileBodyBold">{t('directDeposit.bankFraudNote') + ' '}</TextView>
               <TextView variant="MobileBody">{t('directDeposit.bankFraudText')}</TextView>