fix: announce travel aid cancellation messages (#4827)

AtB-AS · Nov 19, 2024 · bf0325a · bf0325a
1 parent 135b320
commit bf0325a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/travel-aid/TravelAidScreenComponent.tsx b/src/travel-aid/TravelAidScreenComponent.tsx
@@ -189,7 +189,7 @@ const TravelAidSection = ({
             situationsForFocused.length > 0 ||
             noticesForFocused.length > 0) && (
             <View style={styles.subContainer}>
-              {isCancelled && <CancelledDepartureMessage />}
+              {isCancelled && <CancelledDepartureMessage a11yAnnounce={true} />}
 
               {situationsForFocused.map((situation) => (
                 <SituationMessageBox

diff --git a/src/travel-details-screens/components/CancelledDepartureMessage.tsx b/src/travel-details-screens/components/CancelledDepartureMessage.tsx
@@ -3,7 +3,11 @@ import React from 'react';
 import {StyleSheet} from '@atb/theme';
 import {CancelledDepartureTexts, useTranslation} from '@atb/translations';
 
-export const CancelledDepartureMessage = () => {
+export const CancelledDepartureMessage = ({
+  a11yAnnounce,
+}: {
+  a11yAnnounce?: boolean;
+}) => {
   const styles = useStopsStyle();
   const {t} = useTranslation();
 
@@ -12,6 +16,7 @@ export const CancelledDepartureMessage = () => {
       type="error"
       style={styles.cancellationContainer}
       message={t(CancelledDepartureTexts.message)}
+      a11yAnnounce={a11yAnnounce}
     />
   );
 };