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.