Comments on: Building a Better Lightbox http://www.habdas.org/2009/03/29/building-a-better-lightbox/ The technical blog of Josh Habdas Sun, 05 Sep 2010 20:28:01 +0000 hourly 1 http://wordpress.org/?v=3.0.1 By: Josh http://www.habdas.org/2009/03/29/building-a-better-lightbox/comment-page-1/#comment-2464 Josh Wed, 11 Aug 2010 01:08:30 +0000 http://www.habdas.org/?p=375#comment-2464 Thanks for your comment. Both the current ColorBox and Lightview implementations allow for use of the arrow keys to navigate through slides, when available, but do not always meet some of the other guidance I mentioned. For example, ColorBox does not prevent the user from tabbing to content behind the modal dialog and Lightview does not seem to allow the user to tab to content within. I checked on what might be a more accessible option, the <a href="http://jqueryui.com/demos/dialog/#modal-form" rel="nofollow">modal dialog in jQuery UI</a>. That one allows users to tab into content within the modal dialog but then traps the tab, rendering it useless for further navigation instead of moving focus back up to the location bar. The jQuery UI implementation also begins using the ARIA role attribute on the dialog container, which should add some value from an accessibility standpoint. Thanks for your comment. Both the current ColorBox and Lightview implementations allow for use of the arrow keys to navigate through slides, when available, but do not always meet some of the other guidance I mentioned. For example, ColorBox does not prevent the user from tabbing to content behind the modal dialog and Lightview does not seem to allow the user to tab to content within.

I checked on what might be a more accessible option, the modal dialog in jQuery UI. That one allows users to tab into content within the modal dialog but then traps the tab, rendering it useless for further navigation instead of moving focus back up to the location bar. The jQuery UI implementation also begins using the ARIA role attribute on the dialog container, which should add some value from an accessibility standpoint.

]]> By: Detlev Fischer http://www.habdas.org/2009/03/29/building-a-better-lightbox/comment-page-1/#comment-2451 Detlev Fischer Tue, 10 Aug 2010 14:03:51 +0000 http://www.habdas.org/?p=375#comment-2451 Hi Josh Habdas, thanks for the informative article. While you cover the keyboard accessibility issues, I noticed that both your recommended lightbox scripts at the end of the article have demos that are not keyboard accessible except for responding to the escape key (a shortcut that in order to meet WCAG 2.0 success criterion 2.1.1 "Keyboard" would at least need to be clearly documented). Links / controls in both lightbox implementations recommended don't show any keyboard focus and don't seem to respond to keyboard input either. Maybe this can be customised, but I guess there will be more accessible default implementations around? Regards, Detlev Hi Josh Habdas,

thanks for the informative article. While you cover the keyboard accessibility issues, I noticed that both your recommended lightbox scripts at the end of the article have demos that are not keyboard accessible except for responding to the escape key (a shortcut that in order to meet WCAG 2.0 success criterion 2.1.1 “Keyboard” would at least need to be clearly documented).

Links / controls in both lightbox implementations recommended don’t show any keyboard focus and don’t seem to respond to keyboard input either. Maybe this can be customised, but I guess there will be more accessible default implementations around?

Regards,
Detlev

]]> By: Colorblind, Law, and Lightboxes « AccessTech News http://www.habdas.org/2009/03/29/building-a-better-lightbox/comment-page-1/#comment-893 Colorblind, Law, and Lightboxes « AccessTech News Thu, 29 Oct 2009 15:12:49 +0000 http://www.habdas.org/?p=375#comment-893 [...] Building a Better Lightbox by Josh Habdas. [...] [...] Building a Better Lightbox by Josh Habdas. [...]

]]>