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" > Connecting... @@ -59,6 +61,8 @@ export function SyncStatus({ mx }: SyncStatusProps) { style={{ padding: `${config.space.S100} 0` }} alignItems="Center" justifyContent="Center" + role="status" + aria-live="polite" > Connection Lost! Reconnecting... @@ -75,6 +79,8 @@ export function SyncStatus({ mx }: SyncStatusProps) { style={{ padding: `${config.space.S100} 0` }} alignItems="Center" justifyContent="Center" + role="alert" + aria-live="assertive" > Connection Lost!