Merge pull request #1271 from Safelite/CSR-1468-jaws-not-reading-alerts
CSR-1468 add aria-live="polite to alert messages.
This commit is contained in:
commit
5170babb61
3 changed files with 6 additions and 2 deletions
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
>
|
>
|
||||||
|
|
|
||||||
|
|
@ -17,7 +17,10 @@
|
||||||
@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>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue