[docs] MUI Snackbar Accessibility

Related page

https://mui.com/material-ui/react-snackbar/

Kind of issue

Other

Issue description

The demo on https://v5.mui.com/material-ui/react-snackbar/#introduction does not talk about how to make the Snackbar accessible for tabbing into it when it's dynamically created, and I can't find much information about this issue.

Context

I am trying to make our Snackbar accessible via keyboard navigation - it is somewhat accessible, however, not fully. Basically, we have a notification service which triggers the Snackbar to appear which has a "X" button to close it and sometimes another nested link. I cannot tab into that Snackbar notification unless I tab through the entire page, which is not feasible. Our desired outcome would be to have that Snackbar be next in the tab order, like how the "Open Snackbar" demo on https://v5.mui.com/material-ui/react-snackbar/#introduction works, however I could not get that to work with dynamic Snackbars.

Search keywords: Snackbar Keyboard Navigation Tab Order / Focus

Start with the related Material UI Snackbar page and its Introduction demo, then compare their documented focus behavior with dynamically created Snackbars containing a close button or nested link. Done means the documentation explains how keyboard users can reach dynamic Snackbar content and clarifies the expected tab order or focus approach.