WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Document within a document: how to mark up?

for

From: Isabel Holdsworth
Date: Jun 21, 2019 5:32AM

Hi Bim,

The way it's currently marked up, the non-modal dialog looks like a
panel sitting on top of the original page. It has drag handles so it
can be moved over to one side (also works with a keyboard), and it can
be dismissed so that only the original page is visible, which puts the
focus on the button that opened the panel in the first place. So in
many ways it behaves like a dialog, but it just seems excessive to use
a dialog for a complete document.

We don't have the option of opening the extra content in a new window.
Some of our customers deliver tests using a Chromium browser that's
wrapped in an application to ensure security, in which case the
browser doesn't allow new windows to be spawned. So it all has to
happen on the same page.

Complexity and accessibility! Don't you just love it!

Cheers, Isabel

On 21/06/2019, Bim Egan < <EMAIL REMOVED> > wrote:
> Hi Izy,
>
> Is it possible to navigate back to the originating page from a non-modal
> dialog? I don't know of any way. If not, then the oldie and much hated
> JavaScript new window may be one solution to consider ... Users can then
> leave it open and alt+tab back to the question and back again, as many
> times
> as they need.
>
> Cheers,
>
> Bim
> -------------
> Bim Egan
> Skype phone: 01223 96 87 96
> Personal Email: <EMAIL REMOVED>
> Skype ID: bim.accessequals
>
> Coordinator: Describe Online
> W: www.describe-online.com
> E: <EMAIL REMOVED>
> ----------------------------------------
> Partner: AccessEquals
> W: www.accessequals.com
> E: <EMAIL REMOVED>
> -----Original Message-----
> From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf
> Of Isabel Holdsworth
> Sent: 21 June 2019 11:19
> To: WebAIM Discussion List
> Subject: [WebAIM] Document within a document: how to mark up?
>
> Hi all,
>
> We have situations where a document is opened within a webpage. Say, for
> example, a test question that asks the candidate to comment on a piece of
> prose.
>
> Currently, on the click of a button we present the prose in a panel that
> sits on top of the existing page and can be dragged around the screen and
> dismissed when it's no longer needed. We've marked this up as a non-modal
> dialog (I keep trying to put a "ye" on the end of that word).
>
> But the information in the dialog can be long and complex, and I'm not
> convinced a dialog is the correct container. I'm not convinced it's the
> wrong container either. The panel needs to be movable and closable, and
> AFAIK more than one panel can be visible at a time.
>
> But if not a dialog, what should it be? An article? An aside? A document? A
> document within a widget? What would be the best way to help screenreader
> users understand what's going on and interact with the different contexts
> on
> the page?
>
> I'd really appreciate your thoughts on this.
>
> Does anyone have an accessible example of a scenario like this? If so would
> you be able to share it?
>
> Thanks as always, Isabel
> > > http://webaim.org/discussion/archives
> >
> ---
> This email has been checked for viruses by AVG.
> https://www.avg.com
>
>
> > > > >