From a82052714d23b2480a0e5d5de2ca72b9ba8f5ff7 Mon Sep 17 00:00:00 2001
From: James Lyne <jim+github@not-null.co.uk>
Date: Tue, 31 Aug 2021 15:03:21 +0100
Subject: [PATCH] aria-live login modal alerts

---
 src/components/login/LoginForm.vue    | 2 +-
 src/components/login/RegisterForm.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/login/LoginForm.vue b/src/components/login/LoginForm.vue
index 6e1302a..31105f8 100644
--- a/src/components/login/LoginForm.vue
+++ b/src/components/login/LoginForm.vue
@@ -30,7 +30,7 @@
 			       v-model="loginPassword" required />
 		</div>
 
-		<div role="alert" v-if="error" class="form__group alert">{{ error }}</div>
+		<div v-if="error" role="alert" aria-live="assertive" class="form__group alert">{{ error }}</div>
 
 		<div class="form__group">
 			<button type="submit" :disabled="submitting">{{ loginSubmit }}</button>
diff --git a/src/components/login/RegisterForm.vue b/src/components/login/RegisterForm.vue
index 64cb8fa..8df65ba 100644
--- a/src/components/login/RegisterForm.vue
+++ b/src/components/login/RegisterForm.vue
@@ -43,7 +43,7 @@
 			<input id="register-code" type="text" name="code" v-model="valueCode" required />
 		</div>
 
-		<div role="alert" v-if="error" class="form__group alert">{{ error }}</div>
+		<div v-if="error" role="alert" aria-live="assertive" class="form__group alert">{{ error }}</div>
 
 		<div class="form__group">
 			<button type="submit" :disabled="submitting">{{ messageSubmit }}</button>