voiceover role dialog

Hey,

So I have this aside role = dialog, in the application there are also
these little floating dialog boxes that people are calling toasters
for some reason nowadays
https://getbootstrap.com/docs/4.2/components/toasts/

anyway the toast shows up sometimes when the modal is open (if there
has been an error) or when the modal has closed - like if you did
something inside the modal and it was successful we tell you.

But there does not seem to be anyway to have safari or chrome
recognize the message in the toast. If the modal is closing if I put a
long timeout and then set the focus on an element in the toast that
works.

I have also tried not putting the message on the toast, but instead
having a screenreader only div role = alert and trying to set focus on
that after the modal closes, but it seems there I also need to wait a
significant amount of time to do that.

In VO with Safari what happens is that closing the modal moves it to
the web content level, so I get the message you are on web content
press Shift control option etc. etc. I take it this is a common
problem with VO on Safari for dialogs - so I guess there is no way
around this? Just asking if anyone has an experience with a similar
situation in VO Safari and a potential solution.

Thanks,
Bryan Rasmussen

Received on Thursday, 19 August 2021 19:03:41 UTC