fix: Fix Accessibility for Layout buttons - MEED-3263 - Meeds-io/meed…

…s#1913
Meeds-io · May 2, 2024 · 822dd4f · 822dd4f
1 parent 257dd3d
commit 822dd4f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/layout-webapp/src/main/webapp/vue-app/site-management/components/SiteCardMenu.vue b/layout-webapp/src/main/webapp/vue-app/site-management/components/SiteCardMenu.vue
@@ -36,6 +36,8 @@
     <v-list class="pa-0" dense>
       <v-list-item
         v-if="isPortalSite && !isGlobalSite"
+        :aria-label="$t('siteManagement.label.properties')"
+        role="button"
         class="subtitle-2 px-3"
         @click="openSitePropertiesDrawer">
         <v-icon
@@ -50,6 +52,8 @@
         </v-list-item-title>
       </v-list-item>
       <v-list-item
+        :aria-label="$t('siteManagement.label.navigation')"
+        role="button"
         class="subtitle-2 px-3"
         @click="openSiteNavigationDrawer">
         <v-icon
@@ -65,6 +69,8 @@
       </v-list-item>
       <v-list-item
         v-if="!isGroupSite && !isGlobalSite"
+        :aria-label="$t('siteManagement.label.manageAccess')"
+        role="button"
         class="subtitle-2 px-3"
         @click="$root.$emit('open-manage-permissions-drawer', site, true)">
         <v-icon
@@ -80,6 +86,8 @@
       </v-list-item>
       <v-list-item
         v-if="canDelete"
+        :aria-label="$t('siteManagement.label.delete')"
+        role="button"
         class="subtitle-2 px-3"
         @click="$root.$emit('delete-site', site)">
         <v-icon

diff --git a/layout-webapp/src/main/webapp/vue-app/site-navigation/components/SiteNavigationButton.vue b/layout-webapp/src/main/webapp/vue-app/site-navigation/components/SiteNavigationButton.vue
@@ -26,8 +26,10 @@
         height="22"
         flat>
         <v-btn
+          :aria-label="$t('siteNavigation.button.tooltip.label')"
           :disabled="disabled"
           class="absolute-vertical-center mt-1"
+          role="button"
           outlined
           icon
           @click="openSiteNavigationDrawer">