From c0dfd88776e815a7876bd7cfea7b7944232e94b0 Mon Sep 17 00:00:00 2001
From: Rishi Gupta <cellrishi@gmail.com>
Date: Sat, 3 Oct 2026 01:47:02 +0530
Subject: [PATCH] =?UTF-8?q?=E2=99=BF=EF=B8=8F(frontend)=20expose=20loading?=
 =?UTF-8?q?=20state=20to=20assistive=20technology?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Surface the page's loading state to assistive technology, so screen
readers can announce that the page is still loading instead of
reading a partially rendered state as if it were complete.
---
 CHANGELOG.md                                  | 1 +
 src/frontend/src/components/LoadingScreen.tsx | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 35ca5c40a..d24a9218b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -33,6 +33,7 @@ and this project adheres to
 - 🔒️(summary) redact meeting content from Sentry events
 - 🐛(frontend) hide tooltips until they have a computed placement
 - 🐛(brevo) use django-lasuite for marketing management
+- ♿️(frontend) expose loading state to assistive technology
 
 ## [1.33.0] - 2026-09-30
 
diff --git a/src/frontend/src/components/LoadingScreen.tsx b/src/frontend/src/components/LoadingScreen.tsx
index a4989ba62..11c9ad5f6 100644
--- a/src/frontend/src/components/LoadingScreen.tsx
+++ b/src/frontend/src/components/LoadingScreen.tsx
@@ -19,7 +19,9 @@ export const LoadingScreen = ({
       <Screen layout={layout} header={header} footer={footer}>
         <CenteredContent>
           <Center>
-            <p>{t('loading')}</p>
+            <p role="status" aria-live="polite">
+              {t('loading')}
+            </p>
           </Center>
         </CenteredContent>
       </Screen>