From a8705195fed58039ecf964d15bd65cc1fb3d1a8d Mon Sep 17 00:00:00 2001
From: Cyril <c.gromoff@gmail.com>
Date: Tue, 2 Jun 2026 17:14:49 +0200
Subject: [PATCH] =?UTF-8?q?=E2=99=BF=EF=B8=8F(frontend)=20announce=20slide?=
 =?UTF-8?q?=20position=20in=20presenter=20mode?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Announce slide position via react-aria on change; drop bar live region.
---
 .../components/PresenterFloatingBar.tsx       | 12 ------
 .../components/PresenterOverlay.tsx           | 18 ++++++++-
 .../docs/doc-presenter/hooks/useSlides.ts     | 38 +++++++++++++++++++
 3 files changed, 55 insertions(+), 13 deletions(-)

diff --git a/src/frontend/apps/impress/src/features/docs/doc-presenter/components/PresenterFloatingBar.tsx b/src/frontend/apps/impress/src/features/docs/doc-presenter/components/PresenterFloatingBar.tsx
index 9aab57f53..5544a01b2 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-presenter/components/PresenterFloatingBar.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-presenter/components/PresenterFloatingBar.tsx
@@ -97,18 +97,6 @@ export const PresenterFloatingBar = ({
       <Text as="span" $size="sm" $color="neutral" aria-hidden="true">
         {index + 1} / {total}
       </Text>
-      <Text
-        as="span"
-        className="sr-only"
-        role="status"
-        aria-live="polite"
-        aria-atomic="true"
-      >
-        {t('Slide {{current}} of {{total}}', {
-          current: index + 1,
-          total,
-        })}
-      </Text>
       <Button
         size="small"
         color="neutral"
diff --git a/src/frontend/apps/impress/src/features/docs/doc-presenter/components/PresenterOverlay.tsx b/src/frontend/apps/impress/src/features/docs/doc-presenter/components/PresenterOverlay.tsx
index 1018691cf..4d8b43be1 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-presenter/components/PresenterOverlay.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-presenter/components/PresenterOverlay.tsx
@@ -1,3 +1,4 @@
+import { announce } from '@react-aria/live-announcer';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { useTranslation } from 'react-i18next';
@@ -10,7 +11,7 @@ import { Doc } from '@/docs/doc-management';
 import { PRESENTER_WINDOW_RADIUS } from '../constants';
 import { useBrowserFullscreen } from '../hooks/useBrowserFullscreen';
 import { usePresenterShortcuts } from '../hooks/usePresenterShortcuts';
-import { useSlides } from '../hooks/useSlides';
+import { getSlideTitle, useSlides } from '../hooks/useSlides';
 
 import { PresenterFloatingBar } from './PresenterFloatingBar';
 import { PresenterSlide } from './PresenterSlide';
@@ -105,6 +106,21 @@ export const PresenterOverlay = ({
 
   const frameRef = useRef<HTMLDivElement>(null);
 
+  useEffect(() => {
+    const title = getSlideTitle(slides[currentIndex] ?? []);
+    const message = title
+      ? t('Slide {{current}} of {{total}}: {{title}}', {
+          current: currentIndex + 1,
+          total,
+          title,
+        })
+      : t('Slide {{current}} of {{total}}', {
+          current: currentIndex + 1,
+          total,
+        });
+    announce(message, 'polite');
+  }, [slides, currentIndex, total, t]);
+
   if (typeof document === 'undefined') {
     return null;
   }
diff --git a/src/frontend/apps/impress/src/features/docs/doc-presenter/hooks/useSlides.ts b/src/frontend/apps/impress/src/features/docs/doc-presenter/hooks/useSlides.ts
index e2a113e9a..f0f9b94ae 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-presenter/hooks/useSlides.ts
+++ b/src/frontend/apps/impress/src/features/docs/doc-presenter/hooks/useSlides.ts
@@ -40,3 +40,41 @@ export const splitBlocksIntoSlides = <T extends Block>(blocks: T[]): T[][] => {
 export const useSlides = <T extends Block>(blocks: T[]): T[][] => {
   return useMemo(() => splitBlocksIntoSlides(blocks), [blocks]);
 };
+
+const extractInlineText = (content: unknown): string => {
+  if (typeof content === 'string') {
+    return content;
+  }
+  if (!Array.isArray(content)) {
+    return '';
+  }
+  return content
+    .map((node) => {
+      if (typeof node === 'string') {
+        return node;
+      }
+      if (node && typeof node === 'object') {
+        const inline = node as { text?: unknown; content?: unknown };
+        if (typeof inline.text === 'string') {
+          return inline.text;
+        }
+        if (inline.content !== undefined) {
+          return extractInlineText(inline.content);
+        }
+      }
+      return '';
+    })
+    .join('');
+};
+
+/** First heading text, or first block with text — for SR announcements. */
+export const getSlideTitle = (
+  blocks: { type: string; content?: unknown }[],
+): string => {
+  const heading = blocks.find((block) => block.type === 'heading');
+  const source =
+    heading ??
+    blocks.find((block) => extractInlineText(block.content).trim().length > 0);
+
+  return source ? extractInlineText(source.content).trim() : '';
+};