a11y-click-events-have-key-events incorrectly repoted on <dialog> elements.

[tomprince]

Describe the bug

By default, a dialog element shown via dialog.showModal() can be closed by pressing escape.

If I add an on:click handler to the dialog to enable clicking the background to dismiss it, I get an a11y-click-events-have-key-events warning on the dialog, despite being able to interact with the dialog via keyboard.

I wouldn't mind needing to explicitly disable the warning, but I can't just use

<!-- svelte-ignore a11y-click-events-have-key-events -->

as that also disables the warnings for all children of the dialog as well.

Reproduction

<script>
  let modal;
  const clickBackdrop = (event) => {
    if (event.target === modal) {
      close();
    }
  }
</script>

<button on:click={() modal.showModal()}>
	Open
</button>
<dialog bind:this={modal} style:overflow="none" on:click={clickBackdrop}>
  <div>
    <button on:click={() => modal.close()} >Close</button>
  </div>
</dialog>

<style>
  div {
    background-color: white;
    height: 3em;
    width: 6ch;
    padding: 1em;
  }
  dialog {
    border: 0;
    padding: 0;
  }
  dialog::backdrop {
    background-color: rgba(10, 10, 10, 0.86);
  }
</style>

Logs

No response

System Info

npmPackages:
    svelte: ^3.55.1 => 3.55.1 

### Severity

annoyance