From bf0325a982e4cc4614f32d579417a8893499c211 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johannes=20R=C3=B8svik?= <j.rosvik@gmail.com>
Date: Tue, 19 Nov 2024 11:20:47 +0100
Subject: [PATCH] fix: announce travel aid cancellation messages (#4827)

---
 src/travel-aid/TravelAidScreenComponent.tsx                | 2 +-
 .../components/CancelledDepartureMessage.tsx               | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/travel-aid/TravelAidScreenComponent.tsx b/src/travel-aid/TravelAidScreenComponent.tsx
index 4ff28e4c19..7a369c9348 100644
--- 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
index f856c88985..c215441269 100644
--- 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}
     />
   );
 };