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

This commit is contained in:
Bryan Mauger 2023-07-26 13:24:04 -04:00
parent cf9bb9a8e3
commit d24046a0f5
3 changed files with 3 additions and 2 deletions

View file

@ -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>

View file

@ -69,6 +69,7 @@
<span
class="d-inline-flex small my-1"
role="alert"
aria-live="polite"
:class="[centerErrorMessage ? 'center-error-message' : '']"
>{{ errorMessage }}</span
>

View file

@ -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>