WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Modal close button not focusable; ESC works

for

Number of posts in this thread: 4 (In chronological order)

From: Aaron Cannon
Date: Wed, Jun 22 2016 2:27PM
Subject: Modal close button not focusable; ESC works
No previous message | Next message →

Hi all.

Recently a coworker filed this issue on the TinyMCE Editor:

https://github.com/tinymce/tinymce/issues/3014

The issue is that the close button on a modal dialog is not reachable
via the keyboard, but the escape key will close the dialog. My
feeling is that this is not sufficient, but I didn't have much luck
coming up with a good reason.

Would love to read any thoughts you folks might have. Feel free to
post here, or on the issue itself.

Aaron

From: Jonathan Avila
Date: Wed, Jun 22 2016 3:39PM
Subject: Re: Modal close button not focusable; ESC works
← Previous message | Next message →

> Would love to read any thoughts you folks might have. Feel free to post here, or on the issue itself.

If in focus mode -- NVDA may turn off focus mode when escape is pressed. I haven't tested this with the particular implementation -- but the fact that it uses escape could be problematic if escape doesn't close the dialog. It could also go the other way the user may expect to turn off focus mode and may dismiss the dialog by accident. Something to look into.

The other possibility might be with mobile where there is no escape button on the on-screen keyboard -- but it's possible that the close button may still be usable on mobile even if it is not in the focus order -- so that may not be an air tight argument either.

Jonathan

Jonathan Avila
Chief Accessibility Officer
SSB BART Group 
= EMAIL ADDRESS REMOVED =
703.637.8957 (Office)

Visit us online: Website | Twitter | Facebook | Linkedin | Blog
Check out our Digital Accessibility Webinars!


From: Birkir R. Gunnarsson
Date: Wed, Jun 22 2016 4:10PM
Subject: Re: Modal close button not focusable; ESC works
← Previous message | Next message →

My prime argument for this is lack of accessibility on mobile.
A CSUN presentation I did with my colleague CB Averitt started with
this very example http://whoseline.a11yideas.com
(yes, it is awkward, but if you are using iOS with Voiceover you can't
get past the pop-up" dialog that is displayed when you click the
"Start presentation" link).

There may be some variations on close buttons that, while not keyboard
accessible, are operable on a touch-screen. If so, and if escape key
works on a keyboard, I would have a hard time doing more than making
it a best practice issue.
I think NVDA needs to consider a different key combination for
switching between interaction modes, at least in the long-term,
because the use of escape key in this situation has caused all sorts
of confusion for end users.
Users often do not know that the NVDA key plus space bar does exactly
what they want.




On 6/22/16, Jonathan Avila < = EMAIL ADDRESS REMOVED = > wrote:
>> Would love to read any thoughts you folks might have. Feel free to post
>> here, or on the issue itself.
>
> If in focus mode -- NVDA may turn off focus mode when escape is pressed. I
> haven't tested this with the particular implementation -- but the fact that
> it uses escape could be problematic if escape doesn't close the dialog. It
> could also go the other way the user may expect to turn off focus mode and
> may dismiss the dialog by accident. Something to look into.
>
> The other possibility might be with mobile where there is no escape button
> on the on-screen keyboard -- but it's possible that the close button may
> still be usable on mobile even if it is not in the focus order -- so that
> may not be an air tight argument either.
>
> Jonathan
>
> Jonathan Avila
> Chief Accessibility Officer
> SSB BART Group
> = EMAIL ADDRESS REMOVED =
> 703.637.8957 (Office)
>
> Visit us online: Website | Twitter | Facebook | Linkedin | Blog
> Check out our Digital Accessibility Webinars!
>
>
>

From: Maxability Accessibility for all
Date: Mon, Jun 27 2016 12:58AM
Subject: Re: Modal close button not focusable; ESC works
← Previous message | No next message

+1 to Birkir and Jonnethen.

On Thu, Jun 23, 2016 at 3:40 AM, Birkir R. Gunnarsson <
= EMAIL ADDRESS REMOVED = > wrote:

> My prime argument for this is lack of accessibility on mobile.
> A CSUN presentation I did with my colleague CB Averitt started with
> this very example http://whoseline.a11yideas.com
> (yes, it is awkward, but if you are using iOS with Voiceover you can't
> get past the pop-up" dialog that is displayed when you click the
> "Start presentation" link).
>
> There may be some variations on close buttons that, while not keyboard
> accessible, are operable on a touch-screen. If so, and if escape key
> works on a keyboard, I would have a hard time doing more than making
> it a best practice issue.
> I think NVDA needs to consider a different key combination for
> switching between interaction modes, at least in the long-term,
> because the use of escape key in this situation has caused all sorts
> of confusion for end users.
> Users often do not know that the NVDA key plus space bar does exactly
> what they want.
>
>
>
>
> On 6/22/16, Jonathan Avila < = EMAIL ADDRESS REMOVED = > wrote:
> >> Would love to read any thoughts you folks might have. Feel free to post
> >> here, or on the issue itself.
> >
> > If in focus mode -- NVDA may turn off focus mode when escape is
> pressed. I
> > haven't tested this with the particular implementation -- but the fact
> that
> > it uses escape could be problematic if escape doesn't close the dialog.
> It
> > could also go the other way the user may expect to turn off focus mode
> and
> > may dismiss the dialog by accident. Something to look into.
> >
> > The other possibility might be with mobile where there is no escape
> button
> > on the on-screen keyboard -- but it's possible that the close button may
> > still be usable on mobile even if it is not in the focus order -- so that
> > may not be an air tight argument either.
> >
> > Jonathan
> >
> > Jonathan Avila
> > Chief Accessibility Officer
> > SSB BART Group
> > = EMAIL ADDRESS REMOVED =
> > 703.637.8957 (Office)
> >
> > Visit us online: Website | Twitter | Facebook | Linkedin | Blog
> > Check out our Digital Accessibility Webinars!
> >
> >
> >