From 2c2542f0e0ba6bbda295b920c0005588fb6a0b28 Mon Sep 17 00:00:00 2001
From: Jan-Hendrik Willms <tleilax+studip@gmail.com>
Date: Mon, 20 Nov 2023 14:46:20 +0000
Subject: [PATCH] fixes #3492

Closes #3492

Merge request studip/studip!2387
---
 resources/vue/components/StudipIcon.vue | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/resources/vue/components/StudipIcon.vue b/resources/vue/components/StudipIcon.vue
index a08bdfaa475..9ca1c7b5932 100644
--- a/resources/vue/components/StudipIcon.vue
+++ b/resources/vue/components/StudipIcon.vue
@@ -6,10 +6,18 @@
         :src="url"
         :width="size"
         :height="size"
+        :role="ariaRole"
         v-bind="$attrs"
         v-on="$listeners"
     />
-    <img v-else :src="url" :width="size" :height="size" v-bind="$attrs" v-on="$listeners" />
+    <img v-else
+         :src="url"
+         :width="size"
+         :height="size"
+         :role="ariaRole"
+         v-bind="$attrs"
+         v-on="$listeners"
+    />
 </template>
 
 <script lang="ts">
@@ -18,21 +26,25 @@ import Vue from 'vue';
 export default Vue.extend({
     name: 'studip-icon',
     props: {
-        shape: String,
+        ariaRole: {
+            type: String,
+            required: false,
+        },
+        name: {
+            type: String,
+            required: false,
+        },
         role: {
             type: String,
             required: false,
             default: 'clickable',
         },
+        shape: String,
         size: {
             type: Number,
             required: false,
             default: 16,
         },
-        name: {
-            type: String,
-            required: false,
-        },
     },
     computed: {
         url(): string {
-- 
GitLab