From 71e28f730e1bb5601786c62e0da0fce605a0ee38 Mon Sep 17 00:00:00 2001
From: Thomas Hackl <hackl@data-quest.de>
Date: Wed, 20 Mar 2024 14:16:56 +0000
Subject: Resolve "aria-expanded ist bei der responsiven Navigation am falschen
 Element"

Closes #3858

Merge request studip/studip!2716
---
 resources/vue/components/responsive/ResponsiveNavigation.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/resources/vue/components/responsive/ResponsiveNavigation.vue b/resources/vue/components/responsive/ResponsiveNavigation.vue
index 5d51614..7c68956 100644
--- a/resources/vue/components/responsive/ResponsiveNavigation.vue
+++ b/resources/vue/components/responsive/ResponsiveNavigation.vue
@@ -8,7 +8,9 @@
                             : $gettext('Navigation öffnen')"
                         @click.prevent="toggleMenu"
                         @keydown.prevent.space="toggleMenu"
-                        @keydown.prevent.enter="toggleMenu">
+                        @keydown.prevent.enter="toggleMenu"
+                        :aria-expanded="showMenu"
+                        aria-controls="responsive-navigation-items">
                     <studip-icon shape="hamburger" role="info_alt"
                                  :alt="showMenu ? $gettext('Navigation schließen') : $gettext('Navigation öffnen')"
                                  :size="iconSize" :class="showMenu ? 'menu-open' : 'menu-closed'">
@@ -17,8 +19,7 @@
             </transition>
         </div>
         <transition name="appear" appear>
-            <nav v-show="showMenu" id="responsive-navigation-items" class="responsive" ref="navigation"
-                 :aria-expanded="showMenu">
+            <nav v-show="showMenu" id="responsive-navigation-items" class="responsive" ref="navigation">
                 <header v-if="me.username !== 'nobody'">
                     <template v-if="!avatarMenuOpen">
                         <section class="profile-info">
-- 
cgit v1.0