From b111c180a532607528df261359876a849d4b55a5 Mon Sep 17 00:00:00 2001
From: "julia.kirschenheuter" <julia.kirschenheuter@nextcloud.com>
Date: Thu, 16 Mar 2023 14:13:13 +0100
Subject: Fix description for icons in dashboard widgets

Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
---
 apps/dashboard/src/DashboardApp.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'apps/dashboard/src')

diff --git a/apps/dashboard/src/DashboardApp.vue b/apps/dashboard/src/DashboardApp.vue
index 607e677fa7f..8d4785f1b69 100644
--- 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" />
-- 
cgit v1.2.3