From a19eb5b9ef5b9546982140b9c27f685509fa5999 Mon Sep 17 00:00:00 2001
From: Devin Binnie <52460000+devinbinnie@users.noreply.github.com>
Date: Wed, 4 Jun 2025 08:47:10 -0400
Subject: [PATCH] [MM-62983] Add aria-live region for updating the file preview
 modal carousel position (#31296)

---
 .../__snapshots__/file_preview_modal_main_nav.test.tsx.snap | 2 ++
 .../file_preview_modal_main_nav.tsx                         | 6 +++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/webapp/channels/src/components/file_preview_modal/file_preview_modal_main_nav/__snapshots__/file_preview_modal_main_nav.test.tsx.snap b/webapp/channels/src/components/file_preview_modal/file_preview_modal_main_nav/__snapshots__/file_preview_modal_main_nav.test.tsx.snap
index 1e68c71659..fd964b4ac0 100644
--- a/webapp/channels/src/components/file_preview_modal/file_preview_modal_main_nav/__snapshots__/file_preview_modal_main_nav.test.tsx.snap
+++ b/webapp/channels/src/components/file_preview_modal/file_preview_modal_main_nav/__snapshots__/file_preview_modal_main_nav.test.tsx.snap
@@ -24,6 +24,8 @@ exports[`components/file_preview_modal/file_preview_modal_main_nav/FilePreviewMo
     </button>
   </WithTooltip>
   <span
+    aria-atomic="true"
+    aria-live="polite"
     className="modal-bar-file-count"
   >
     <MemoizedFormattedMessage
diff --git a/webapp/channels/src/components/file_preview_modal/file_preview_modal_main_nav/file_preview_modal_main_nav.tsx b/webapp/channels/src/components/file_preview_modal/file_preview_modal_main_nav/file_preview_modal_main_nav.tsx
index 02f402c31b..6f930499b5 100644
--- a/webapp/channels/src/components/file_preview_modal/file_preview_modal_main_nav/file_preview_modal_main_nav.tsx
+++ b/webapp/channels/src/components/file_preview_modal/file_preview_modal_main_nav/file_preview_modal_main_nav.tsx
@@ -58,7 +58,11 @@ const FilePreviewModalMainNav: React.FC<Props> = (props: Props) => {
     return (
         <div className='file_preview_modal_main_nav'>
             {leftArrow}
-            <span className='modal-bar-file-count'>
+            <span
+                className='modal-bar-file-count'
+                aria-live='polite'
+                aria-atomic='true'
+            >
                 <FormattedMessage
                     id='file_preview_modal_main_nav.file'
                     defaultMessage='{count, number} of {total, number}'