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!