From 38406f7c6008174b8a7a3ac48cbececdf11f3a78 Mon Sep 17 00:00:00 2001
From: FragginWagon <greg.r.jacobs@gmail.com>
Date: Fri, 11 Sep 2026 11:51:59 -0400
Subject: [PATCH] fix: focus login errors

---
 apps/web/src/pages/LoginPage.vue | 12 ++++++++++--
 docs/IMPLEMENTATION-STATUS.md    |  1 +
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/pages/LoginPage.vue b/apps/web/src/pages/LoginPage.vue
index db4e06e..b687d76 100644
--- a/apps/web/src/pages/LoginPage.vue
+++ b/apps/web/src/pages/LoginPage.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref } from 'vue';
+import { nextTick, ref, watch } from 'vue';
 import { useRouter } from 'vue-router';
 
 import { useAuth } from '@/composables/useAuth.js';
@@ -8,6 +8,14 @@ const router = useRouter();
 const { signIn, isLoading, error } = useAuth();
 const email = ref('');
 const password = ref('');
+const errorMessage = ref(null);
+
+watch(error, async (value) => {
+  if (!value) return;
+  errorMessage.value = value.message;
+  await nextTick();
+  document.getElementById('login-error')?.focus();
+});
 
 async function submit() {
   try {
@@ -29,7 +37,7 @@ async function submit() {
       <input id="admin-email" v-model="email" class="fixture-input" type="email" autocomplete="username" required />
       <label class="fixture-label" for="admin-password">Password</label>
       <input id="admin-password" v-model="password" class="fixture-input" type="password" autocomplete="current-password" required />
-      <p v-if="error" class="state state--error" role="alert">{{ error.message }}</p>
+      <p v-if="errorMessage" id="login-error" class="state state--error" role="alert" tabindex="-1">{{ errorMessage }}</p>
       <button class="button button--primary" type="submit" :disabled="isLoading">{{ isLoading ? 'Signing in...' : 'Sign in' }}</button>
     </form>
   </main>
diff --git a/docs/IMPLEMENTATION-STATUS.md b/docs/IMPLEMENTATION-STATUS.md
index 3c7937f..997f9f6 100644
--- a/docs/IMPLEMENTATION-STATUS.md
+++ b/docs/IMPLEMENTATION-STATUS.md
@@ -274,6 +274,7 @@ Remaining roadmap areas are approved external provider credentials/adapters, bro
 - Admin sales and acquisition history rows now expose explicit screen-reader labels with record identity, status/date, and financial context.
 - Admin listing status cards now expose a programmatic product heading and status announcement for each listing.
 - Saved-view rows now expose an accessible view name, and the image-limit setting includes range guidance tied to its input.
+- Login errors now move focus to the announced error message so failed authentication is immediately available to keyboard and assistive-technology users.
 
 ## Local Commands