WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Non-modal window after time delay

for

From: Birkir R. Gunnarsson
Date: Jun 7, 2017 7:04AM

I agree, either use a visually hidden text at the top of the DOM or a
live region ext alerting a screen reader user that a dialog has been
added to the page.
Make sure a screen reader user can quickly navigate to the dialog,
e.g. b using a region landmark (role="region" aria-label="subscription
dialog").

Live region HTML (assum visuallyHidden is the name of visually hidden
class, you can implement it using the clip method):

<div class="visuallyHidden" aria-live="polite"> </div>

JavaScript populates this div with a message, like:

A subscription dialog has been added to the page, please navigate to
it (add description of the easiest way to do so) and respond.

The concern s keyboard only users, if they have to tab thorug the
entire page to get to the dialo.
If the dialog is time sensitive (closest after a short period of time)
this is a concern, and then I think you may have to go the route of
automatically putting focus on the dialog when it is displayed
(keeping track of where the focus was when the dialog is displayed)
and making sure that focus is moved back to that element when user
closes the dialog.
This will not fully address the inconvenience of screen reader users
who read the document in the off-screen buffer, but it is a decent
compromise.



On 6/7/17, JP Jamous < <EMAIL REMOVED> > wrote:
> See my notes after your questions.
>
>