From 5388fb115085c287fc352fdbb8b5421e04dca1e9 Mon Sep 17 00:00:00 2001
From: Murtaza Sultani <sultani@data-quest.de>
Date: Thu, 29 Jan 2026 11:04:41 +0100
Subject: Fix accessibility issues

---
 .../forum/discussions/DiscussionTimeline.vue       | 27 ++++++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/resources/vue/components/forum/discussions/DiscussionTimeline.vue b/resources/vue/components/forum/discussions/DiscussionTimeline.vue
index 2294b5a..e600fb1 100644
--- a/resources/vue/components/forum/discussions/DiscussionTimeline.vue
+++ b/resources/vue/components/forum/discussions/DiscussionTimeline.vue
@@ -176,8 +176,6 @@ onUnmounted(() => {
 
 <template>
     <div class="discussion-timeline">
-        <span aria-live="assertive" class="sr-only">{{ postProgressText }}</span>
-
         <div class="discussion-timeline__start">
             <button
                 type="button"
@@ -189,9 +187,34 @@ onUnmounted(() => {
                 <StudipDateTime :iso="discussion.mkdate" :relative="true" />
             </button>
         </div>
+        <nav class="navigation-area sr-only" :aria-label="$gettext('Beitragsnavigation')">
+            <span aria-live="assertive">{{ postProgressText }}</span>
+            <button
+                v-if="isNewFrom && currentPostIndex !== firstUnreadPostIndex"
+                type="button"
+                @click="jumpToPost(null, firstUnreadPostIndex)"
+            >
+                {{ $gettext('Zum ersten ungelesenen Beitrag') }}
+            </button>
+            <button
+                type="button"
+                :disabled="currentPostIndex < 1"
+                @click="jumpToPost(null, currentPostIndex - 1)"
+            >
+                {{ $gettext('Zum vorherigen Beitrag') }}
+            </button>
+            <button
+                type="button"
+                :disabled="currentPostIndex >= posts.length - 1"
+                @click="jumpToPost(null, currentPostIndex + 1)"
+            >
+                {{ $gettext('Zum nächsten Beitrag') }}
+            </button>
+        </nav>
         <div
             id="scroll-area"
             class="scroll-area"
+            aria-hidden="true"
             @click="jumpTo"
         >
             <div class="scroll-area__track" aria-hidden="true">
-- 
cgit v1.0