Announce toast as status rather than group (#1556)

radix-ui · Jul 22, 2022 · fe53e3b · fe53e3b
1 parent abe4a62
commit fe53e3b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/.yarn/versions/baedf443.yml b/.yarn/versions/baedf443.yml
@@ -0,0 +1,5 @@
+releases:
+  "@radix-ui/react-toast": patch
+
+declined:
+  - primitives
diff --git a/packages/react/toast/src/Toast.tsx b/packages/react/toast/src/Toast.tsx
@@ -547,6 +547,10 @@ const ToastImpl = React.forwardRef<ToastImplElement, ToastImplProps>(
                 })}
               >
                 <Primitive.li
+                  // Ensure toasts are announced as status list or status when focused
+                  role="status"
+                  aria-live="off"
+                  aria-atomic
                   tabIndex={0}
                   data-state={open ? 'open' : 'closed'}
                   data-swipe-direction={context.swipeDirection}