diff options
| author | Thomas Hackl <hackl@data-quest.de> | 2024-03-20 14:16:56 +0000 |
|---|---|---|
| committer | Thomas Hackl <hackl@data-quest.de> | 2024-03-20 14:16:56 +0000 |
| commit | 9992c152674f30a0640b0a95666e7907bc1c9f15 (patch) | |
| tree | c89ecebeba2a76b0f67ba529bbd569aa24df17be /resources | |
| parent | a489ba55b9b3e8f2980c09a87a3630cfc0ec2b4b (diff) | |
Resolve "aria-expanded ist bei der responsiven Navigation am falschen Element"issue-3865
Closes #3858
Merge request studip/studip!2716
Diffstat (limited to 'resources')
| -rw-r--r-- | resources/vue/components/responsive/ResponsiveNavigation.vue | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/resources/vue/components/responsive/ResponsiveNavigation.vue b/resources/vue/components/responsive/ResponsiveNavigation.vue index ef185c0..1c07e73 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"> |