Add role=alert to filter validation tooltips so errors are announced to screen readers

src/features/online-board/components/OnlineBoardFilter.tsx

@@ -320,7 +320,11 @@ export const OnlineBoardFilter: FC<OnlineBoardFilterProps> = ({
                         {t("SHARED.FLIGHT_NUMBER")}
                       </label>
                       {flightNumberError && (
-                        <div className="validation-tooltip" data-testid="flight-number-error">
+                        <div
+                          className="validation-tooltip"
+                          data-testid="flight-number-error"
+                          role="alert"
+                        >
                           {t(flightNumberError)}
                         </div>
                       )}
@@ -466,6 +470,7 @@ export const OnlineBoardFilter: FC<OnlineBoardFilterProps> = ({
                       <div
                         className="validation-tooltip"
                         data-testid="route-same-cities-error"
+                        role="alert"
                       >
                         {t(routeSameCitiesError)}
                       </div>

src/features/schedule/components/ScheduleFilter.tsx

@@ -282,6 +282,7 @@ export const ScheduleFilter: FC<ScheduleFilterProps> = ({
               <div
                 className="validation-tooltip"
                 data-testid="schedule-same-cities-error"
+                role="alert"
               >
                 {t(sameCitiesError)}
               </div>

src/features/schedule/components/ScheduleStartPage.tsx

@@ -273,6 +273,7 @@ export const ScheduleStartPage: FC = () => {
         <div
           className="validation-tooltip"
           data-testid="schedule-same-cities-error"
+          role="alert"
         >
           {t(sameCitiesError)}
         </div>