Merge pull request #1271 from Safelite/CSR-1468-jaws-not-reading-alerts

CSR-1468 add aria-live="polite to alert messages.

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>

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
             >

src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue

@@ -17,7 +17,10 @@
                         @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>