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> </option>
</select> </select>
<div v-show="errorMessage" class="row mt-2 form-test-error"> <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>
</div> </div>
</template> </template>

View file

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

View file

@ -17,7 +17,7 @@
@click-event="openModal" /> @click-event="openModal" />
</div> </div>
<div v-show="errorMessage" class="row my-1 form-test-error"> <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 }} {{ errorMessage }}
</span> </span>
</div> </div>