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 15:21:16 +0100 |
| commit | 71e28f730e1bb5601786c62e0da0fce605a0ee38 (patch) | |
| tree | 83608962adcea553d6cb118298f79693b50babb4 | |
| parent | e237a38034c1a4b8256d382a15b9e7aefa61e50d (diff) | |
Resolve "aria-expanded ist bei der responsiven Navigation am falschen Element"
Closes #3858
Merge request studip/studip!2716
| -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 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"> |