From ca691cd9062554a4ef97437b125484c598d1ae50 Mon Sep 17 00:00:00 2001
From: kumburovicbranko682-boop <kumburovicbranko682@gmail.com>
Date: Sat, 27 Jun 2026 14:40:44 +0800
Subject: [PATCH 1/2] fix(ui)(app): loading overlay dots announced by screen
 readers

The animated dot animation (`'.'.repeat(periods)`) is inside a full-screen loading blocker with no `aria-hidden` attribute. Screen readers will announce each period change as the animation progresses, creating a noisy experience. Additionally, the loading indicator lacks `role="status"` or `aria-live="polite"` so assistive technology never announces the loading state at all.

Affected files: AuthLoadingBlocker.tsx

Signed-off-by: kumburovicbranko682-boop <295886834+kumburovicbranko682-boop@users.noreply.github.com>
---
 packages/app/src/AuthLoadingBlocker.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/app/src/AuthLoadingBlocker.tsx b/packages/app/src/AuthLoadingBlocker.tsx
index 08066903dc..22d9ddc0a8 100644
--- a/packages/app/src/AuthLoadingBlocker.tsx
+++ b/packages/app/src/AuthLoadingBlocker.tsx
@@ -24,9 +24,11 @@ export default function AuthLoadingBlocker() {
           style={{
             zIndex: 2147483647,
           }}
+          role="status"
+          aria-live="polite"
         >
           Loading {brandName}
-          <span style={{ width: 0 }}>{'.'.repeat(periods)}</span>
+          <span style={{ width: 0 }} aria-hidden="true">{'.'.repeat(periods)}</span>
         </div>
       )}
     </>

From 8f89a2d0f6093271827b168aa6501d8437e78f89 Mon Sep 17 00:00:00 2001
From: Drew Davis <drew.davis@clickhouse.com>
Date: Thu, 2 Jul 2026 14:30:44 -0400
Subject: [PATCH 2/2] chore: Fix formatting

---
 packages/app/src/AuthLoadingBlocker.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/app/src/AuthLoadingBlocker.tsx b/packages/app/src/AuthLoadingBlocker.tsx
index 22d9ddc0a8..455e20f690 100644
--- a/packages/app/src/AuthLoadingBlocker.tsx
+++ b/packages/app/src/AuthLoadingBlocker.tsx
@@ -28,7 +28,9 @@ export default function AuthLoadingBlocker() {
           aria-live="polite"
         >
           Loading {brandName}
-          <span style={{ width: 0 }} aria-hidden="true">{'.'.repeat(periods)}</span>
+          <span style={{ width: 0 }} aria-hidden="true">
+            {'.'.repeat(periods)}
+          </span>
         </div>
       )}
     </>