Add empty alt attribute to images

client/src/components/learningPath/CircleDiagram.vue

@@ -139,7 +139,7 @@ function render() {
     .on("mouseover", function (d, i) {
       d3.select(this)
         .transition()
-        .duration("200")
+        .duration(200)
         .attr("fill", (d) => {
           return getHoverColor(d);
         });
@@ -147,7 +147,7 @@ function render() {
     .on("mouseout", function (d, i) {
       d3.select(this)
         .transition()
-        .duration("200")
+        .duration(200)
         .attr("fill", (d) => {
           return getColor(d);
         });

client/src/components/mediaLibrary/LinkCard.vue

@@ -18,8 +18,9 @@ const props = withDefaults(defineProps<Props>(), {
 </script>
 
 <template>
+<<<<<<< HEAD
   <div class="border flex flex-col lg:flex-row p-4 items-center">
-    <img class="mr-6" :src="icon" />
+    <img class="mr-6" :src="icon" alt=""/>
     <div>
       <h4 class="mb-2 text-bold">{{ title }}</h4>
       <p class="mb-2">{{ description }}</p>

client/src/pages/mediaLibrary/MLCategoryDetailPage.vue

@@ -80,6 +80,7 @@ const hasMoreItemsForType = (itemType: string, items: object[]) => {
             <img
               class="hidden lg:block float-right"
               :src="'/static/icons/demo/category-large.png'"
+              alt=""
             />
           </div>
         </div>

client/src/pages/mediaLibrary/MLCategoryIndexPage.vue

@@ -34,7 +34,7 @@ watch(dropdownSelected, (newValue) =>
       <ul class="grid gap-5 grid-cols-1 lg:grid-cols-4">
         <li v-for="cat in categories" :key="cat.id" class="bg-white p-4">
           <router-link :to="cat.frontend_url">
-            <img class="m-auto" :src="`/static/icons/demo/${cat.overview_icon}.svg`" />
+            <img class="m-auto" :src="`/static/icons/demo/${cat.overview_icon}.svg`" alt="" />
             <h3 class="text-base text-center">{{ cat.title }}</h3>
           </router-link>
         </li>