Update

src/lib/Avatar.svelte

@@ -57,7 +57,7 @@
 
 {#if size === 'normal'}
 <div class="w-44 text-center pb-4">
-  <a href="/speakers/{speaker.id}" on:mouseover={mouseOver} on:mouseleave={mouseLeave}><img src={currentImg} class="w-40 rounded-full m-auto" /></a>
+  <a href="/speakers/{speaker.id}" on:mouseover={mouseOver} on:mouseleave={mouseLeave}><img src={currentImg} class="w-40 rounded-full m-auto" alt={speaker.name} /></a>
   <div class="mt-4 text-sm text-blue-web uppercase font-bold">{speaker.name} {country}</div>
   {#if speaker.bio}
     <div class="mt-1 text-xs text-blue-web italic"><SvelteMarkdown source={speaker.bio} /></div>
@@ -70,19 +70,19 @@
 
 {#if size === 'small'}
 <div class="w-16 text-center">
-  <img src={currentImg} class="w-16 rounded-full m-auto" />
+  <img src={currentImg} class="w-16 rounded-full m-auto" alt="{speaker.name}" />
 </div>
 {/if}
 
 {#if size === 'extra-small'}
 <div class="w-6 h-6 text-center">
-  <img src={currentImg} class="w-6 rounded-full m-auto" />
+  <img src={currentImg} class="w-6 rounded-full m-auto" alt="{speaker.name}" />
 </div>
 {/if}
 
 {#if size === 'micro'}
 <div class="w-4 h-4 text-center">
-  <img src={currentImg} class="w-4 rounded-full m-auto" />
+  <img src={currentImg} class="w-4 rounded-full m-auto" alt="{speaker.name}" />
 </div>
 {/if}
 

src/routes/index.svelte

@@ -68,7 +68,7 @@
   <div class="relative mx-auto py-6 px-6 max-w-6xl">
     <div class="py-6 md:py-10 md:flex gap-12">
       <div class="block flex-1">
-        <img src="/photos/gabriel-loci.jpeg" class="flex rounded-xl" />
+        <img src="/photos/gabriel-loci.jpeg" class="flex rounded-xl" alt="Gabriel Loci" />
       </div>
       <div class="text-white md:w-1/2 md:pt-0 pt-6">
         <div class="uppercase">Místo</div>