From 351a522d9bcb2e7dd9c41ce70bc811b9a5b4430d Mon Sep 17 00:00:00 2001
From: Henrik Askjer <henrik.askjer@uib.no>
Date: Tue, 7 Dec 2021 12:29:46 +0100
Subject: [PATCH] add aria-labelledby
---
src/components/TopBar.vue | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue
index e239ec27..2347a0b6 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>
--
GitLab