From a4a6607e22d5079b80939622a15acdcaaf320b04 Mon Sep 17 00:00:00 2001
From: SaiVaraprasad Medapati <varaprasadreddy9676@gmail.com>
Date: Wed, 11 Mar 2026 11:21:55 +0530
Subject: [PATCH] feat(communication): improve messages loading state
 accessibility (#10613)

Signed-off-by: SaiVaraprasad Medapati <varaprasadreddy9676@gmail.com>
---
 .../src/components/message/MessagesLoading.svelte           | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/plugins/communication-resources/src/components/message/MessagesLoading.svelte b/plugins/communication-resources/src/components/message/MessagesLoading.svelte
index bbb7605026..ac8b15ac90 100644
--- a/plugins/communication-resources/src/components/message/MessagesLoading.svelte
+++ b/plugins/communication-resources/src/components/message/MessagesLoading.svelte
@@ -13,12 +13,13 @@
 // limitations under the License.
 -->
 <script lang="ts">
-  import { Label } from '@hcengineering/ui'
+  import { Label, Loading } from '@hcengineering/ui'
 
   import communication from '../../plugin'
 </script>
 
-<div class="loader">
+<div class="loader" role="status" aria-live="polite" aria-busy="true">
+  <Loading size="small" />
   <Label label={communication.string.Loading} />
 </div>
 
@@ -28,6 +29,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    gap: 0.5rem;
     color: var(--global-secondary-TextColor);
     font-weight: 500;
     height: 5rem;