From 22d9fca5b2df11ec6a378adbe56a16c18c74d623 Mon Sep 17 00:00:00 2001
From: gnezim <gnezim@gmail.com>
Date: Mon, 20 Apr 2026 22:24:05 +0300
Subject: [PATCH] Add role=alert/status to error+not-found banners across
 details + search pages (a11y)

---
 .../components/OnlineBoardDetailsPage.tsx            | 12 ++++++++++--
 .../components/OnlineBoardSearchPage.tsx             |  2 +-
 .../schedule/components/ScheduleDetailsPage.tsx      | 12 ++++++++++--
 3 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/features/online-board/components/OnlineBoardDetailsPage.tsx b/src/features/online-board/components/OnlineBoardDetailsPage.tsx
index d9956284..6957cf8a 100644
--- a/src/features/online-board/components/OnlineBoardDetailsPage.tsx
+++ b/src/features/online-board/components/OnlineBoardDetailsPage.tsx
@@ -480,7 +480,11 @@ export const OnlineBoardDetailsPage: FC<OnlineBoardDetailsPageProps> = ({
   if (error) {
     return (
       <PageLayout {...commonLayoutProps}>
-        <div className="flight-details flight-details--error" data-testid="flight-details-error">
+        <div
+          className="flight-details flight-details--error"
+          data-testid="flight-details-error"
+          role="alert"
+        >
           <p>{t("BOARD.LOAD-FAILED")}</p>
         </div>
       </PageLayout>
@@ -490,7 +494,11 @@ export const OnlineBoardDetailsPage: FC<OnlineBoardDetailsPageProps> = ({
   if (!displayFlight) {
     return (
       <PageLayout {...commonLayoutProps}>
-        <div className="flight-details flight-details--not-found" data-testid="flight-details-not-found">
+        <div
+          className="flight-details flight-details--not-found"
+          data-testid="flight-details-not-found"
+          role="status"
+        >
           <p>{t("BOARD.FLIGHT-NOT-FOUND")}</p>
         </div>
       </PageLayout>
diff --git a/src/features/online-board/components/OnlineBoardSearchPage.tsx b/src/features/online-board/components/OnlineBoardSearchPage.tsx
index a89117fd..8973da2f 100644
--- a/src/features/online-board/components/OnlineBoardSearchPage.tsx
+++ b/src/features/online-board/components/OnlineBoardSearchPage.tsx
@@ -487,7 +487,7 @@ export const OnlineBoardSearchPage: FC<OnlineBoardSearchPageProps> = ({
 
         {/* Error state */}
         {error && (
-          <section className="frame" data-testid="search-error">
+          <section className="frame" data-testid="search-error" role="alert">
             <div className="online-board-search__error-card">
               <h3 className="online-board-search__error-title">
                 {t("BOARD.LOAD-FAILED-TITLE")}
diff --git a/src/features/schedule/components/ScheduleDetailsPage.tsx b/src/features/schedule/components/ScheduleDetailsPage.tsx
index eaaa1bec..113ae1fd 100644
--- a/src/features/schedule/components/ScheduleDetailsPage.tsx
+++ b/src/features/schedule/components/ScheduleDetailsPage.tsx
@@ -145,7 +145,11 @@ export const ScheduleDetailsPage: FC<ScheduleDetailsPageProps> = ({
         breadcrumbs={[{ label: t("SCHEDULE.TITLE"), url: scheduleHref }]}
       >
         <section className="frame">
-          <div className="schedule-details schedule-details--error" data-testid="schedule-details-error">
+          <div
+            className="schedule-details schedule-details--error"
+            data-testid="schedule-details-error"
+            role="alert"
+          >
             <p>{t("BOARD.LOAD-FAILED")}</p>
           </div>
         </section>
@@ -161,7 +165,11 @@ export const ScheduleDetailsPage: FC<ScheduleDetailsPageProps> = ({
         breadcrumbs={[{ label: t("SCHEDULE.TITLE"), url: scheduleHref }]}
       >
         <section className="frame">
-          <div className="schedule-details schedule-details--not-found" data-testid="schedule-details-not-found">
+          <div
+            className="schedule-details schedule-details--not-found"
+            data-testid="schedule-details-not-found"
+            role="status"
+          >
             <p>{t("BOARD.FLIGHT-NOT-FOUND")}</p>
           </div>
         </section>