Merge pull request #37338 from nextcloud/fix/36908-set_aria-hidden-fo…

…r-default-shipped_widgets-icons-stable26 [stable26] Fix/36908 set aria hidden for default shipped widgets icons
nextcloud · Mar 24, 2023 · a854274 · a854274
2 parents 161e6ac + 9df1936
commit a854274
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/apps/dashboard/src/DashboardApp.vue b/apps/dashboard/src/DashboardApp.vue
@@ -17,9 +17,13 @@
 			<div v-for="panelId in layout" :key="panels[panelId].id" class="panel">
 				<div class="panel--header">
 					<h2>
-						<div :class="panels[panelId].iconClass" role="img" />
+						<div aria-labelledby="panel--header--icon--description"
+							aria-hidden="true"
+							:class="panels[panelId].iconClass"
+							role="img" />
 						{{ panels[panelId].title }}
 					</h2>
+					<span id="panel--header--icon--description" class="hidden-visually"> {{ t('dashboard', '"{title} icon"', { title: panels[panelId].title }) }} </span>
 				</div>
 				<div class="panel--content" :class="{ loading: !panels[panelId].mounted }">
 					<div :ref="panels[panelId].id" :data-id="panels[panelId].id" />

diff --git a/dist/dashboard-main.js b/dist/dashboard-main.js
diff --git a/dist/dashboard-main.js.map b/dist/dashboard-main.js.map