Add status role to toast message (#33)

Screen readers will see this role and announce the toast content upon creation.

Co-authored-by: John Slipper <[email protected]>

Author: johnslipper

src/ToastItem.svelte

@@ -127,7 +127,7 @@ onDestroy(() => {
 </style>
 
 <div class="_toastItem" class:pe={item.pausable} on:mouseenter={pause} on:mouseleave={resume}>
-  <div class="_toastMsg" class:pe={item.component}>
+  <div role="status" class="_toastMsg" class:pe={item.component}>
     {#if item.component}
       <svelte:component this={item.component.src} {...getProps()} />
     {:else}