diff --git a/src/svelte/components/Actions.svelte b/src/svelte/components/Actions.svelte
index b6770dc7..cf367964 100644
--- a/src/svelte/components/Actions.svelte
+++ b/src/svelte/components/Actions.svelte
@@ -22,6 +22,7 @@
 </script>
 
 {#if backdrop}
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
   <div class={c.backdrop[state]} on:click={onBackdropClick} />
 {/if}
 <div class={c.base[state]} {...$$restProps}>
diff --git a/src/svelte/components/Badge.svelte b/src/svelte/components/Badge.svelte
index 45ad4b1e..488b56f7 100644
--- a/src/svelte/components/Badge.svelte
+++ b/src/svelte/components/Badge.svelte
@@ -26,6 +26,7 @@
   );
 </script>
 
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <span class={c.base[size]} {...$$restProps} on:click={onClick}>
   <slot />
 </span>
diff --git a/src/svelte/components/Chip.svelte b/src/svelte/components/Chip.svelte
index ca0d2203..d5c37f32 100644
--- a/src/svelte/components/Chip.svelte
+++ b/src/svelte/components/Chip.svelte
@@ -36,12 +36,14 @@
   );
 </script>
 
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div class={c.base[style]} {...$$restProps} on:click={onClick}>
   {#if $$slots.media}
     <div class={c.media}><slot name="media" /></div>
   {/if}
   <slot />
   {#if deleteButton}
+    <!-- svelte-ignore a11y-click-events-have-key-events -->
     <div class={c.deleteButton} role="button" tabindex="0" on:click={onDelete}>
       <DeleteIcon {theme} class="h-4 w-4" />
     </div>
diff --git a/src/svelte/components/Dialog.svelte b/src/svelte/components/Dialog.svelte
index bf25ae9c..7f1f5c81 100644
--- a/src/svelte/components/Dialog.svelte
+++ b/src/svelte/components/Dialog.svelte
@@ -47,6 +47,7 @@
 </script>
 
 {#if backdrop}
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
   <div class={c.backdrop[state]} on:click={onBackdropClick} />
 {/if}
 
diff --git a/src/svelte/components/ListItem.svelte b/src/svelte/components/ListItem.svelte
index 7bca7577..4ae6a9e6 100644
--- a/src/svelte/components/ListItem.svelte
+++ b/src/svelte/components/ListItem.svelte
@@ -174,6 +174,7 @@
 </script>
 
 {#if groupTitle}
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
   <svelte:element
     this={component}
     class={cls(c.groupTitle, className)}
@@ -184,6 +185,7 @@
     <slot />
   </svelte:element>
 {:else}
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
   <svelte:element
     this={component}
     class={c.base}
diff --git a/src/svelte/components/Message.svelte b/src/svelte/components/Message.svelte
index 18c6abc9..08437d22 100644
--- a/src/svelte/components/Message.svelte
+++ b/src/svelte/components/Message.svelte
@@ -50,6 +50,7 @@
   );
 </script>
 
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <svelte:element
   this={component}
   {id}
diff --git a/src/svelte/components/Notification.svelte b/src/svelte/components/Notification.svelte
index 74b4e4fc..66df5d4b 100644
--- a/src/svelte/components/Notification.svelte
+++ b/src/svelte/components/Notification.svelte
@@ -41,6 +41,7 @@
 </script>
 
 {#if theme === 'ios'}
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
   <div class={c.base} {...$$restProps} on:click={onClick}>
     <div class={c.header}>
       {#if $$slots.icon}
@@ -55,6 +56,7 @@
         </div>
       {/if}
       {#if button || $$slots.button}
+        <!-- svelte-ignore a11y-click-events-have-key-events -->
         <div class={c.button} role="button" tabindex="0" on:click={onClose}>
           <DeleteIcon {theme} class={c.deleteIcon} />
           <slot name="button" />
@@ -74,6 +76,7 @@
     </div>
   </div>
 {:else}
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
   <div class={c.base} {...$$restProps} on:click={onClick}>
     <div class={c.header}>
       {#if $$slots.icon}
@@ -103,6 +106,7 @@
         </div>
       </div>
       {#if button || $$slots.button}
+        <!-- svelte-ignore a11y-click-events-have-key-events -->
         <div class={c.button} role="button" tabindex="0" on:click={onClose}>
           <DeleteIcon {theme} class={c.deleteIcon} />
           <slot name="button" />
diff --git a/src/svelte/components/Panel.svelte b/src/svelte/components/Panel.svelte
index ec49f1ea..65dbaee5 100644
--- a/src/svelte/components/Panel.svelte
+++ b/src/svelte/components/Panel.svelte
@@ -36,6 +36,7 @@
 </script>
 
 {#if backdrop}
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
   <div class={c.backdrop[state]} on:click={onBackdropClick} />
 {/if}
 <div class={classes} {...$$restProps}>
diff --git a/src/svelte/components/Popover.svelte b/src/svelte/components/Popover.svelte
index a8ef637a..f6f508ef 100644
--- a/src/svelte/components/Popover.svelte
+++ b/src/svelte/components/Popover.svelte
@@ -127,6 +127,7 @@
 </script>
 
 {#if backdrop}
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
   <div class={c.backdrop[state]} on:click={onBackdropClick} />
 {/if}
 <div bind:this={el} class={classes} style={popoverStyle} {...$$restProps}>
diff --git a/src/svelte/components/Popup.svelte b/src/svelte/components/Popup.svelte
index 659f54cc..3e2abccb 100644
--- a/src/svelte/components/Popup.svelte
+++ b/src/svelte/components/Popup.svelte
@@ -31,6 +31,7 @@
 </script>
 
 {#if backdrop}
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
   <div class={c.backdrop[state]} on:click={onBackdropClick} />
 {/if}
 <div class={c.base[state]} {...$$restProps}>
diff --git a/src/svelte/components/Sheet.svelte b/src/svelte/components/Sheet.svelte
index 63462c9b..d7a42e18 100644
--- a/src/svelte/components/Sheet.svelte
+++ b/src/svelte/components/Sheet.svelte
@@ -30,6 +30,7 @@
 </script>
 
 {#if backdrop}
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
   <div class={c.backdrop[state]} on:click={onBackdropClick} />
 {/if}
 <div class={c.base[state]} {...$$restProps}>
diff --git a/src/svelte/components/Stepper.svelte b/src/svelte/components/Stepper.svelte
index fc98afbd..42342eb0 100644
--- a/src/svelte/components/Stepper.svelte
+++ b/src/svelte/components/Stepper.svelte
@@ -127,6 +127,7 @@
 </script>
 
 <svelte:element this={component} class={classes} {...$$restProps}>
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
   <span
     bind:this={buttonLeftEl.current}
     class={buttonLeftClasses}
@@ -154,6 +155,7 @@
     <span class={valueClasses}>{value}</span>
   {/if}
 
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
   <span
     bind:this={buttonRightEl.current}
     class={buttonRightClasses}
diff --git a/src/svelte/components/icons/DeleteIcon.svelte b/src/svelte/components/icons/DeleteIcon.svelte
index 80e5cfd1..78f9215f 100644
--- a/src/svelte/components/icons/DeleteIcon.svelte
+++ b/src/svelte/components/icons/DeleteIcon.svelte
@@ -4,6 +4,7 @@
 </script>
 
 {#if theme === 'ios'}
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="28"
@@ -18,6 +19,7 @@
     />
   </svg>
 {:else}
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
   <svg
     width="24"
     height="24"