WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Non-modal window after time delay

for

From: JP Jamous
Date: Jun 7, 2017 7:47AM


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