Merge pull request #42077 from nextcloud/enh/a11y/app-nav-labels

enh(a11y): Add navigation labels

Author: nickvergessen

apps/files/src/views/Navigation.vue

@@ -20,7 +20,8 @@
   -
   -->
 <template>
-	<NcAppNavigation data-cy-files-navigation>
+	<NcAppNavigation data-cy-files-navigation
+		:aria-label="t('files', 'Files')">
 		<template #list>
 			<NcAppNavigationItem v-for="view in parentViews"
 				:key="view.id"

apps/settings/src/views/Apps.vue

@@ -24,7 +24,8 @@
 	<NcContent app-name="settings"
 		:class="{ 'with-app-sidebar': app}">
 		<!-- Categories & filters -->
-		<NcAppNavigation :class="{ 'icon-loading': loading }">
+		<NcAppNavigation :class="{ 'icon-loading': loading }"
+			:aria-label="t('settings', 'Apps')">
 			<template #list>
 				<NcAppNavigationItem id="app-category-your-apps"
 					:to="{ name: 'apps' }"

apps/settings/src/views/Users.vue

@@ -23,7 +23,7 @@
 <template>
 	<Fragment>
 		<NcContent app-name="settings">
-			<NcAppNavigation>
+			<NcAppNavigation :aria-label="t('settings', 'User management')">
 				<NcAppNavigationNew button-id="new-user-button"
 					:text="t('settings','New user')"
 					@click="showNewUserMenu"