Merge pull request #1272 from Safelite/CSR-1468-remove-role-alert-to-fix-jaws-notification

CSR-1468 update aria to fix Jaws misread.

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>

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>

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

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>