diff options
| author | julia.kirschenheuter <julia.kirschenheuter@nextcloud.com> | 2023-03-16 14:13:13 +0100 |
|---|---|---|
| committer | julia.kirschenheuter <julia.kirschenheuter@nextcloud.com> | 2023-03-20 10:23:57 +0100 |
| commit | b111c180a532607528df261359876a849d4b55a5 (patch) | |
| tree | 9693041fe0a676a481de3be835a3c013e26a64a4 /apps/dashboard/src/DashboardApp.vue | |
| parent | 0b4f4a16923e8e1e29ba815bbfbd634bb22d77a1 (diff) | |
| download | nextcloud-server-b111c180a532607528df261359876a849d4b55a5.tar.gz nextcloud-server-b111c180a532607528df261359876a849d4b55a5.zip | |
Fix description for icons in dashboard widgets
Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
Diffstat (limited to 'apps/dashboard/src/DashboardApp.vue')
| -rw-r--r-- | apps/dashboard/src/DashboardApp.vue | 6 |
1 files changed, 5 insertions, 1 deletions
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" /> |