E-mail List Archives
Re: Non-modal window after time delay
From: JP Jamous
Date: Jun 7, 2017 7:47AM
- Next message: Strange, Lainie: "Accessible HTML5 flipbooks"
- Previous message: Detlev Fischer: "Re: Non-modal window after time delay"
- Next message in Thread: Fernand van Olphen: "Re: Non-modal window after time delay"
- Previous message in Thread: Detlev Fischer: "Re: Non-modal window after time delay"
- View all messages in this Thread
You can code aria-live inside a JS script. As soon as the JS script fires up to show the pop-up, aria-live="polite" will fire.
I would suggest having it in a parent container that the pop-up resides in it as you described. I would also add to it role="alert".
<div role="alert" aria-live="polite">
Pop-Up
</div>
Additionally, you should take Birkir's feedback in consideration especially with the clipped CSS part to hide the text. Off-screen text doesn't work on mobile layouts.
-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Fernand van Olphen
Sent: Wednesday, June 7, 2017 8:35 AM
To: ' <EMAIL REMOVED> ' < <EMAIL REMOVED> >
Subject: Re: [WebAIM] Non-modal window after time delay
@JP: Thanks for your swift answer!
With regard to your suggestion B:
I have read somewhere that a container with aria-live="polite" must already be present in the DOM in order to work. The modal window must then be injected inside that container. Is this correct?
For example:
<div aria-live="polite">
[insert modal window here after 25 seconds through javascript]
</div>
- Fernand
De disclaimer van toepassing op e-mail van de gemeente Den Haag vindt u op: http://www.denhaag.nl/disclaimer
- Next message: Strange, Lainie: "Accessible HTML5 flipbooks"
- Previous message: Detlev Fischer: "Re: Non-modal window after time delay"
- Next message in Thread: Fernand van Olphen: "Re: Non-modal window after time delay"
- Previous message in Thread: Detlev Fischer: "Re: Non-modal window after time delay"
- View all messages in this Thread