From e676f843e09e6f2d76b9a9e2cba4f94f70dd3821 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Wed, 26 Jul 2023 14:56:36 -0400
Subject: [PATCH] CSR-1468 update aria to fix Jaws misread.

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

diff --git a/src/digital-components/button-question/button-question.vue b/src/digital-components/button-question/button-question.vue
index a53958dd5..13c81f815 100644
--- a/src/digital-components/button-question/button-question.vue
+++ b/src/digital-components/button-question/button-question.vue
@@ -74,6 +74,9 @@ https://safelite.atlassian.net/wiki/spaces/DC/pages/76644418/Button+Question+Com
         </div>
         <div class="row form-test-error">
             <error-message
+                role="comment"
+                aria-atomic="true"
+                aria-live="polite"
                 class="small mt-1"
                 :name="formatString(groupName)"
                 v-if="!suppressError"></error-message>
diff --git a/src/digital-components/dropdown-question/dropdown-question.vue b/src/digital-components/dropdown-question/dropdown-question.vue
index b11336063..7c0dd0d3b 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 aria-live="polite" role="alert">{{ errorMessage }}</span>
+            <span aria-atomic="true" aria-live="polite">{{ 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 b987fc1ba..f8fad8779 100644
--- a/src/digital-components/textbox-question/textbox-question.vue
+++ b/src/digital-components/textbox-question/textbox-question.vue
@@ -68,7 +68,7 @@
         <div v-show="errorMessage" class="row form-test-error">
             <span
                 class="d-inline-flex small my-1"
-                role="alert"
+                aria-atomic="true"
                 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 1274b97d5..6873ce294 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
@@ -19,8 +19,8 @@
                 <div v-show="errorMessage" class="row my-1 form-test-error">
                     <span
                         class="d-inline-flex small mt-0 center-error-message"
-                        aria-live="polite"
-                        role="alert">
+                        aria-atomic="true"
+                        aria-live="polite">
                         {{ errorMessage }}
                     </span>
                 </div>