From b4989263530bf9cd859a643d2ee2c980b7820256 Mon Sep 17 00:00:00 2001
From: Cyril <c.gromoff@gmail.com>
Date: Mon, 1 Jun 2026 17:21:58 +0200
Subject: [PATCH] =?UTF-8?q?=E2=99=BF=EF=B8=8F(frontend)=20improve=20pagina?=
 =?UTF-8?q?tion=20control=20accessibility?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Turn main-window pagination into a labelled nav landmark with a live
page counter for screen readers. Add pagination.label in all locales.
---
 .../src/features/layout/components/PaginationControl.tsx   | 7 ++++---
 src/frontend/src/locales/de/rooms.json                     | 1 +
 src/frontend/src/locales/en/rooms.json                     | 1 +
 src/frontend/src/locales/fr/rooms.json                     | 1 +
 src/frontend/src/locales/nl/rooms.json                     | 1 +
 5 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/features/layout/components/PaginationControl.tsx b/src/frontend/src/features/layout/components/PaginationControl.tsx
index 4409e209..ed64af42 100644
--- a/src/frontend/src/features/layout/components/PaginationControl.tsx
+++ b/src/frontend/src/features/layout/components/PaginationControl.tsx
@@ -44,7 +44,8 @@ export function PaginationControl({
   if (totalPageCount <= 1) return null
 
   return (
-    <div
+    <nav
+      aria-label={t('label')}
       className={css({
         position: 'absolute',
         bottom: '1rem',
@@ -74,7 +75,7 @@ export function PaginationControl({
         <RiArrowLeftSLine />
       </Button>
       <span
-        aria-live="polite"
+        role="status"
         className={css({
           padding: '0.25rem 0.5rem',
         })}
@@ -93,6 +94,6 @@ export function PaginationControl({
       >
         <RiArrowRightSLine />
       </Button>
-    </div>
+    </nav>
   )
 }
diff --git a/src/frontend/src/locales/de/rooms.json b/src/frontend/src/locales/de/rooms.json
index 11192b90..753e6ca0 100644
--- a/src/frontend/src/locales/de/rooms.json
+++ b/src/frontend/src/locales/de/rooms.json
@@ -97,6 +97,7 @@
     }
   },
   "pagination": {
+    "label": "Teilnehmerseiten",
     "count": "{{currentPage}} von {{totalPageCount}}",
     "next": "nächste Seite",
     "previous": "vorherige Seite"
diff --git a/src/frontend/src/locales/en/rooms.json b/src/frontend/src/locales/en/rooms.json
index 3bc6fc20..26ce6376 100644
--- a/src/frontend/src/locales/en/rooms.json
+++ b/src/frontend/src/locales/en/rooms.json
@@ -97,6 +97,7 @@
     }
   },
   "pagination": {
+    "label": "Participants pages",
     "count": "{{currentPage}} of {{totalPageCount}}",
     "next": "next page",
     "previous": "previous page"
diff --git a/src/frontend/src/locales/fr/rooms.json b/src/frontend/src/locales/fr/rooms.json
index 04261941..8a219dcf 100644
--- a/src/frontend/src/locales/fr/rooms.json
+++ b/src/frontend/src/locales/fr/rooms.json
@@ -97,6 +97,7 @@
     }
   },
   "pagination": {
+    "label": "Pages des participants",
     "count": "{{currentPage}} sur {{totalPageCount}}",
     "next": "page suivante",
     "previous": "page précédente"
diff --git a/src/frontend/src/locales/nl/rooms.json b/src/frontend/src/locales/nl/rooms.json
index cc6425f9..472edbef 100644
--- a/src/frontend/src/locales/nl/rooms.json
+++ b/src/frontend/src/locales/nl/rooms.json
@@ -97,6 +97,7 @@
     }
   },
   "pagination": {
+    "label": "Pagina's van deelnemers",
     "count": "{{currentPage}} van {{totalPageCount}}",
     "next": "volgende pagina",
     "previous": "vorige pagina"