From d24046a0f5e953392896dc050cf09d6e77e9c727 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Wed, 26 Jul 2023 13:24:04 -0400
Subject: [PATCH] CSR-1468 add aria-live="polite to alert messages.

---
 src/digital-components/dropdown-question/dropdown-question.vue  | 2 +-
 src/digital-components/textbox-question/textbox-question.vue    | 1 +
 .../mobile-location-modal-questions.vue                         | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/digital-components/dropdown-question/dropdown-question.vue b/src/digital-components/dropdown-question/dropdown-question.vue
index 1d8fe22cd..b11336063 100644
--- a/src/digital-components/dropdown-question/dropdown-question.vue
+++ b/src/digital-components/dropdown-question/dropdown-question.vue
@@ -23,7 +23,7 @@
             </option>
         </select>
         <div v-show="errorMessage" class="row mt-2 form-test-error">
-            <span role="alert">{{ errorMessage }}</span>
+            <span aria-live="polite" role="alert">{{ errorMessage }}</span>
         </div>
     </div>
 </template>
diff --git a/src/digital-components/textbox-question/textbox-question.vue b/src/digital-components/textbox-question/textbox-question.vue
index b82153895..b987fc1ba 100644
--- a/src/digital-components/textbox-question/textbox-question.vue
+++ b/src/digital-components/textbox-question/textbox-question.vue
@@ -69,6 +69,7 @@
             <span
                 class="d-inline-flex small my-1"
                 role="alert"
+                aria-live="polite"
                 :class="[centerErrorMessage ? 'center-error-message' : '']"
                 >{{ errorMessage }}</span
             >
diff --git a/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue b/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue
index 07c6535dd..fa883fe01 100644
--- a/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue
+++ b/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue
@@ -17,7 +17,7 @@
                         @click-event="openModal" />
                 </div>
                 <div v-show="errorMessage" class="row my-1 form-test-error">
-                    <span class="d-inline-flex small mt-0 center-error-message" role="alert">
+                    <span class="d-inline-flex small mt-0 center-error-message" aria-live="polite" role="alert">
                         {{ errorMessage }}
                     </span>
                 </div>