Skip to content

Commit 00db4e3

Browse files
committed
Fix a11y-click-events-have-key-events
1 parent 9bec7b0 commit 00db4e3

File tree

1 file changed

+9
-1
lines changed

1 file changed

+9
-1
lines changed

src/ToastItem.svelte

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,15 @@ onDestroy(() => {
8585
{/if}
8686
</div>
8787
{#if item.dismissable}
88-
<div class="_toastBtn pe" role="button" tabindex="-1" on:click={close} />
88+
<div
89+
class="_toastBtn pe"
90+
role="button"
91+
tabindex="0"
92+
on:click={close}
93+
on:keydown={(e) => {
94+
if (e instanceof KeyboardEvent && ['Enter', ' '].includes(e.key)) close()
95+
}}
96+
/>
8997
{/if}
9098
<progress class="_toastBar" value={$progress} />
9199
</div>

0 commit comments

Comments
 (0)