diff --git a/resources/vue/components/StudipIcon.vue b/resources/vue/components/StudipIcon.vue
index a08bdfaa475a4985cdb098281095415b25443561..9ca1c7b5932be0c0019990731b4c463a3b49d04e 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 {