fix(a11y): add aria-live regions to SyncStatus connection banners\n\nCo-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

2026-05-21 13:43:26 -04:00
parent 2c3f006ef0
commit 906c7c7138
1 changed files with 6 additions and 0 deletions
@@ -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>