Accessibility: minor issue - toast notifications all start with "Close" in screen reader

[patrickhlauke]

Copied over from bitwarden/clients#3488

Steps To Reproduce

1. Run a screen reader (e.g. NVDA)
2. Trigger a toast/notification

Expected Result

The toast/notification message should be announced by assistive technologies.

Actual Result

While the toast/notification does announce, it also announces the "Close" button at the start of the notification. All toasts essentially start with "Close ..." and then the actual message. Suggest perhaps tweaking this somehow to only announce the message itself as part of the toast, or reordering the content so that the "X" close button comes after the actual message, at the end of the toast, so each toast starts with the important info first.

Screenshots or Videos

Video showing the issue in Bitwarden, which uses ngx-toastr, on Windows desktop with NVDA, with the notification announcing "Close ..." followed by the message

bitwarden-desktop-toast-close.mp4

Further info

this will depend on the flavour/style of notification. The was filed for the standard (not custom) themed toasts that you get out of the box https://ngx-toastr.vercel.app/ ... themed ones may also have the issue depending on the theme/template they use