WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Lightbox / modal form keyboard accessiblity

for

From: Allan Jardine
Date: Sep 1, 2014 9:22AM

Hi Gian and Paul

Thanks for your replies and thoughts on this (and great to hear you use DataTables, Gian :-) )!

I'll take what appears to be the current conventional approach and lock the tab key into the form.

I wonder if ultimately there might be scope in the specs to provide this kind of functionality, a kind of z-index for tab ordering I guess (allowing more than one modal / lightbox to be shown layered on top of each other). What do you think?

Thanks,
Allan




> From: Gian Wild < <EMAIL REMOVED> >
> Subject: Re: [WebAIM] Lightbox / modal form keyboard accessiblity
> Date: 28 August 2014 03:12:21 BST
> To: WebAIM Discussion List < <EMAIL REMOVED> >
> Reply-To: WebAIM Discussion List < <EMAIL REMOVED> >
>
>
> We use DataTables - we are very impressed!
> Just make sure if you can't exit a component using the TAB key that you
> tell the user they need to use the ESC key!
>
> Cheers,
> Gian
>
> *Gian Wild, Director*
> *AccessibilityOz*
>
> *Email.* <EMAIL REMOVED>
> *Web. *www.accessibilityoz.com.au
> *Phone:*
> Canberra: (02) 6108 3689
> Melbourne: (03) 8677 0828
> Brisbane: (07) 3041 4011
>


> From: "Paul J. Adam" < <EMAIL REMOVED> >
> Subject: Re: [WebAIM] Lightbox / modal form keyboard accessiblity
> Date: 27 August 2014 17:28:11 BST
> To: WebAIM Discussion List < <EMAIL REMOVED> >
> Reply-To: WebAIM Discussion List < <EMAIL REMOVED> >
>
>
> Hi Allan, I remember I've emailed you before with some recommendations for a11y improvement :) Glad to see you're still working at making DataTables accessible!
>
> I have an alertdialog demo and a modal dialog demo, here's the modal: http://pauljadam.com/demos/dialog.html It has the same problem that you are always trapped inside the tab ring of the modal and cannot tab into the address bar.
>
> Is that a big deal though because they can always hit command + L to move into the address bar or hit ESC to close the dialog then tab to it.
>
> I think modals are usually only closed either by taking action with the buttons inside them or hitting the escape key or close X button.
>
> It's something I've not considered before, not sure if necessary though?
>
> Good luck either way with the library, it's excellent to see JS Library developers working on Accessibility!
>
> Thanks!
>
>
> Paul J. Adam
> Accessibility Evangelist
> www.deque.com

---
Allan Jardine - Founder
SpryMedia Ltd - Registered in Scotland SC456502
w: www.datatables.net
e: <EMAIL REMOVED>