-
|
I see that the API allows me to render many toasts in one toast provider: https://www.radix-ui.com/docs/primitives/components/toast#duplicate-toasts That being said, I'm not certain if I'm fucking things up in terms of accessibility! It looks like the toast items are rendered as a list and the provider is the live region. So, I think I'm in the clear. If I render toasts as a stack (with most recent in the foreground), I can use |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment
-
|
@kylemh Sounds like you're good, you're correct to be using layout styles to order the toasts, we manage the tab order and keyboard a11y internally based on recency rather than browser behaviour due to how portals work with DOM so providing you stick to styles for the visual "stacking" you should be fine 👍 |
Beta Was this translation helpful? Give feedback.
@kylemh Sounds like you're good, you're correct to be using layout styles to order the toasts, we manage the tab order and keyboard a11y internally based on recency rather than browser behaviour due to how portals work with DOM so providing you stick to styles for the visual "stacking" you should be fine 👍