fix(a11y): ignore false positive a11y warnings (#1522)

Fixes #1517

src/CodeSnippet/CodeSnippet.svelte

@@ -215,6 +215,7 @@
     on:mouseenter
     on:mouseleave
   >
+    <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
     <div
       role="{type === 'single' ? 'textbox' : undefined}"
       tabindex="{type === 'single' && !disabled ? '0' : undefined}"

src/ComposedModal/ComposedModal.svelte

@@ -150,6 +150,7 @@
     }
   }}"
 >
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
   <div
     bind:this="{innerModal}"
     role="dialog"

src/ComposedModal/ModalBody.svelte

@@ -6,6 +6,7 @@
   export let hasScrollingContent = false;
 </script>
 
+<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
 <div
   tabindex="{hasScrollingContent ? '0' : undefined}"
   role="{hasScrollingContent ? 'region' : undefined}"

src/DataTable/DataTableSkeleton.svelte

@@ -63,6 +63,7 @@
       </div>
     </section>
   {/if}
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
   <table
     class:bx--skeleton="{true}"
     class:bx--data-table="{true}"

src/FileUploader/FileUploaderButton.svelte

@@ -60,6 +60,7 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
 <label
   aria-disabled="{disabled}"
   for="{id}"

src/FileUploader/FileUploaderDropContainer.svelte

@@ -81,6 +81,7 @@
     }
   }}"
 >
+  <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
   <label
     for="{id}"
     tabindex="{tabindex}"

src/ListBox/ListBoxField.svelte

@@ -43,6 +43,7 @@
   $: menuId = `menu-${id}`;
 </script>
 
+<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
 <div
   bind:this="{ref}"
   role="{role}"

src/Modal/Modal.svelte

@@ -243,6 +243,7 @@
         </button>
       {/if}
     </div>
+    <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
     <div
       id="{modalBodyId}"
       class:bx--modal-content="{true}"

src/NumberInput/NumberInput.svelte

@@ -156,6 +156,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   on:click

src/Search/Search.svelte

@@ -101,6 +101,7 @@
     class:bx--search--expanded="{expanded}"
     class="{searchClass}"
   >
+    <!-- svelte-ignore a11y-click-events-have-key-events -->
     <div
       bind:this="{searchRef}"
       class:bx--search-magnifier="{true}"

src/StructuredList/StructuredListRow.svelte

@@ -12,6 +12,7 @@
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
 {#if label}
   <!-- svelte-ignore a11y-label-has-associated-control -->
+  <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
   <label
     tabindex="{tabindex}"
     class:bx--structured-list-row="{true}"

src/TextArea/TextArea.svelte

@@ -59,6 +59,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
   on:click
   on:mouseover

src/TextInput/PasswordInput.svelte

@@ -94,6 +94,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   class:bx--text-input-wrapper="{true}"

src/TextInput/TextInput.svelte

@@ -100,6 +100,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   class:bx--text-input-wrapper="{true}"

src/Tile/SelectableTile.svelte

@@ -53,6 +53,7 @@
   disabled="{disabled}"
 />
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
 <label
   for="{id}"
   tabindex="{disabled ? undefined : tabindex}"

src/TimePicker/TimePicker.svelte

@@ -52,6 +52,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   on:click

src/Tooltip/Tooltip.svelte

@@ -249,6 +249,7 @@
       on:keydown="{onKeydown}"
     >
       <span class:bx--tooltip__caret="{true}"></span>
+      <!-- svelte-ignore a11y-click-events-have-key-events -->
       <div
         on:click|stopPropagation
         on:mousedown|stopPropagation

src/TreeView/TreeViewNodeList.svelte

@@ -132,6 +132,7 @@
     }}"
   >
     <div class:bx--tree-node__label="{true}" bind:this="{refLabel}">
+      <!-- svelte-ignore a11y-click-events-have-key-events -->
       <span
         class:bx--tree-parent-node__toggle="{true}"
         disabled="{disabled}"

src/UIShell/SideNav.svelte

@@ -55,6 +55,7 @@
 <svelte:window bind:innerWidth="{winWidth}" />
 
 {#if !fixed}
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
   <div
     on:click="{() => {
       dispatch('click:overlay');