feat(ListItem): add alt text to image element

accessibility improvement
itsTPM · Mar 19, 2024 · fe00105 · fe00105
1 parent 4429b36
commit fe00105
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/List/ListItem.vue b/src/components/List/ListItem.vue
@@ -12,7 +12,7 @@ const iconSrc = new URL(`/src/assets/icons/${props.item.icon}`, import.meta.url)
 <template>
   <div
     class="flex select-none flex-col items-center justify-center rounded-lg border bg-black/20 p-3 transition motion-safe:hover:scale-110">
-    <img :src="iconSrc" alt="" class="h-16 w-16 object-contain" draggable="false" />
+    <img :src="iconSrc" class="h-16 w-16 object-contain" draggable="false" :alt="`${item.name} Logo`" />
     <span>{{ item.name }}</span>
   </div>
 </template>