From 906c7c7138939e976a1ed12d2e9ae42174070b29 Mon Sep 17 00:00:00 2001
From: Lotus Bot <lotus@lotusguild.org>
Date: Thu, 21 May 2026 13:43:26 -0400
Subject: [PATCH] fix(a11y): add aria-live regions to SyncStatus connection
 banners\n\nCo-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

---
 src/app/pages/client/SyncStatus.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/app/pages/client/SyncStatus.tsx b/src/app/pages/client/SyncStatus.tsx
index 9cd4b0b2d..8e383e6ed 100644
--- a/src/app/pages/client/SyncStatus.tsx
+++ b/src/app/pages/client/SyncStatus.tsx
@@ -43,6 +43,8 @@ export function SyncStatus({ mx }: SyncStatusProps) {
           style={{ padding: `${config.space.S100} 0` }}
           alignItems="Center"
           justifyContent="Center"
+          role="status"
+          aria-live="polite"
         >
           <Text size="L400">Connecting...</Text>
         </Box>
@@ -59,6 +61,8 @@ export function SyncStatus({ mx }: SyncStatusProps) {
           style={{ padding: `${config.space.S100} 0` }}
           alignItems="Center"
           justifyContent="Center"
+          role="status"
+          aria-live="polite"
         >
           <Text size="L400">Connection Lost! Reconnecting...</Text>
         </Box>
@@ -75,6 +79,8 @@ export function SyncStatus({ mx }: SyncStatusProps) {
           style={{ padding: `${config.space.S100} 0` }}
           alignItems="Center"
           justifyContent="Center"
+          role="alert"
+          aria-live="assertive"
         >
           <Text size="L400">Connection Lost!</Text>
         </Box>