remove some alts

src/app/components/ContentLinkBlock.svelte

@@ -49,7 +49,7 @@
         <div class="bg-alt flex max-w-xl flex-col leading-normal">
           {#if preview.image && !hideImage}
             <img
-              alt="Link preview"
+              alt=""
               onerror={onError}
               src={preview.image}
               class="bg-alt max-h-72 rounded-t-box object-contain object-center" />

src/app/components/ProfileCircle.svelte

@@ -19,6 +19,6 @@
 
 <ImageIcon
   {size}
+  alt=""
   class={cx(props.class, "rounded-full")}
-  src={$profile?.picture || UserRounded}
+  src={$profile?.picture || UserRounded} />
-  alt="Profile picture" />

src/app/components/ProfileDetail.svelte

@@ -41,7 +41,7 @@
     </Button>
     <div class="flex gap-2">
       <Link external href={pubkeyLink(pubkey)} class="btn btn-neutral">
-        <ImageIcon alt="Open in Coracle" src="/coracle.png" />
+        <ImageIcon alt="" src="/coracle.png" />
         Open in Coracle
       </Link>
       <Button onclick={openChat} class="btn btn-primary">

src/app/components/RelayIcon.svelte

@@ -14,8 +14,4 @@
   const relay = deriveRelay(url)
 </script>
 
-<ImageIcon
+<ImageIcon {size} alt="" src={$relay?.icon || RemoteControllerMinimalistic} class={props.class} />
-  {size}
-  src={$relay?.icon || RemoteControllerMinimalistic}
-  alt="Relay image"
-  class={props.class} />

src/app/components/RoomForm.svelte

@@ -117,7 +117,7 @@
           {#if imagePreview}
             <div class="flex items-center gap-2">
               <span class="text-sm opacity-75">Selected:</span>
-              <ImageIcon src={imagePreview} alt="Room icon preview" />
+              <ImageIcon src={imagePreview} alt="" />
             </div>
           {:else}
             <span class="text-sm opacity-75">No icon selected</span>
@@ -144,7 +144,7 @@
     {#snippet input()}
       <label class="input input-bordered flex w-full items-center gap-2">
         {#if imagePreview}
-          <ImageIcon src={imagePreview} alt="Room icon preview" />
+          <ImageIcon src={imagePreview} alt="" />
         {:else}
           <Icon icon={Hashtag} />
         {/if}

src/app/components/RoomImage.svelte

@@ -16,7 +16,7 @@
 </script>
 
 {#if $room.picture}
-  <ImageIcon src={$room.picture} {size} alt="Room icon" class="rounded-lg" />
+  <ImageIcon src={$room.picture} {size} alt="" class="rounded-lg" />
 {:else}
   <Icon icon={Hashtag} {size} />
 {/if}

src/app/components/SpaceEdit.svelte

@@ -143,7 +143,7 @@
           {#if imagePreview}
             <div class="flex items-center gap-2">
               <span class="text-sm opacity-75">Selected:</span>
-              <ImageIcon src={imagePreview} alt="Room icon preview" />
+              <ImageIcon src={imagePreview} alt="" />
             </div>
           {:else}
             <span class="text-sm opacity-75">No icon selected</span>
@@ -170,7 +170,7 @@
     {#snippet input()}
       <label class="input input-bordered flex w-full items-center gap-2">
         {#if imagePreview}
-          <ImageIcon src={imagePreview} alt="Room icon preview" />
+          <ImageIcon src={imagePreview} alt="" />
         {:else}
           <Icon icon={SettingsMinimalistic} />
         {/if}