diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue index e239ec274824da9ce0c5470066e5fc0ded4aba3c..2347a0b6d9d14f421f071eb3f52b032a5621b198 100644 --- a/src/components/TopBar.vue +++ b/src/components/TopBar.vue @@ -32,11 +32,11 @@ <v-toolbar-items> <v-divider vertical/> <v-btn text @click="toggleAbout" v-if="$route.name == 'about'"><v-icon left>chevron_left</v-icon>{{$t("back")}}</v-btn> - <v-dialog v-if="$route.name != 'about'" max-width="1200" width="1200" v-model="menuDialog" hide-overlay :fullscreen="$vuetify.breakpoint.mobile" + <v-dialog aria-labelledby="menu_label" v-if="$route.name != 'about'" max-width="1200" width="1200" v-model="menuDialog" hide-overlay :fullscreen="$vuetify.breakpoint.mobile" :close-on-content-click="false" transition="dialog-top-transition"> <template v-slot:activator="{ on, attrs }"> - <v-btn text v-bind="attrs" v-on="on"> - <span>{{$t('menu.title')}}</span><v-icon right>menu</v-icon></v-btn> + <v-btn aria-labelledby="menu_label" text v-bind="attrs" v-on="on"> + <span id="menu_label">{{$t('menu.title')}}</span><v-icon right>menu</v-icon></v-btn> </template> <Menu @close="menuDialog=false"/> </v-dialog>