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:
bmauger 2023-07-26 13:34:39 -04:00 committed by GitHub
commit 5170babb61
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 6 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,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>