From 5e7a3440a2aeeeb06302ddda7807f1b5b6bfb158 Mon Sep 17 00:00:00 2001
From: Dave Formanek <184258725+oddballdave@users.noreply.github.com>
Date: Fri, 14 Feb 2025 12:53:45 -0700
Subject: [PATCH] Compatibility fixes for mobile app e2e tests

---
 packages/components/src/components/Alert/Alert.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/packages/components/src/components/Alert/Alert.tsx b/packages/components/src/components/Alert/Alert.tsx
index 0e20a870..38beb5d4 100644
--- a/packages/components/src/components/Alert/Alert.tsx
+++ b/packages/components/src/components/Alert/Alert.tsx
@@ -159,11 +159,7 @@ export const Alert: FC<AlertProps> = ({
     const a11yLabel = headerA11yLabel || header
 
     const headerText = (
-      <Text
-        variant="heading"
-        size="sm"
-        bottomSpacing="none"
-        a11yLabel={a11yLabel}>
+      <Text variant="heading" size="sm" bottomSpacing="none">
         {header}
       </Text>
     )
@@ -187,6 +183,7 @@ export const Alert: FC<AlertProps> = ({
           onPress={toggleExpand}
           role="tab"
           aria-expanded={expanded}
+          aria-label={a11yLabel}
           hitSlop={hitSlop}
           style={{ flexDirection: 'row' }}>
           <View style={{ flex: 1 }}>{headerText}</View>
@@ -195,7 +192,11 @@ export const Alert: FC<AlertProps> = ({
       )
     }
 
-    return headerText
+    return (
+      <View accessible={true} aria-label={a11yLabel}>
+        {headerText}
+      </View>
+    )
   }
 
   const _primaryButton = () => {