WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Lightbox accessibility

for

From: Bryan Garaventa
Date: Feb 27, 2013 9:55AM

Is the concern here that lightboxes on mobile device screens aren't
accessible?

I've tested my lightbox at
http://whatsock.com/modules/standard_dynamic_control_templates/demo.htm
on iOS, and it is accessible. (Just click the Guide Me button on the banner
to dismiss it. The Lightbox button is below.)

role=dialog doesn't actually provide any additional value for screen reader
users, especially in mobile devices. I had this discussion here not too long
ago. If you use aria-hidden on the background content, it disappears so that
all you see is the modal content using a screen reader. role=dialog only
appears to be useful when you want to capture certain keys like Escape, the
Enter key, or the arrow keys, but not really for anything else. In general,
I don't recommend using it.

I'm working on an accessibility technical style guide that will hopefully
clarify all of these things, because I seem to keep having to repeat the
same things over and over.




----- Original Message -----
From: "Felix Zapata Berlinches" < <EMAIL REMOVED> >
To: "WebAIM Discussion List" < <EMAIL REMOVED> >
Sent: Wednesday, February 27, 2013 7:18 AM
Subject: Re: [WebAIM] Lightbox accessibility


about lightboxes and mobiles "Lightboxes don’t work for small screens."
http://bradfrostweb.com/blog/post/conditional-lightbox/

2013/2/27 Detlev Fischer < <EMAIL REMOVED> >

> On mobile, support is not so good - both regarding the pick-up of aria
> roles like role=dialog and also regarding focus management when using
> Android/TalkBack or iOS/VoiceOver (I tested a version based on the
> scripts
> in the example by Nicholas C. Zakas with a number of screen readers).
> Not quite sure whether that example is fully relevant to your use case but
> I thought I might throw in the link anyway:
> http://3needs.org/en/testing/code/role-dialog.html
>
> Regards, Detlev
>
>
> --
> Detlev Fischer
> testkreis c/o feld.wald.wiese
> Thedestr. 2, 22767 Hamburg
>
> Mobil +49 (0)1577 170 73 84
> Tel +49 (0)40 439 10 68-3
> Fax +49 (0)40 439 10 68-5
>
> http://www.testkreis.de
> Beratung, Tests und Schulungen für barrierefreie Websites
>
>
>
> ----- Original Message -----
> From: <EMAIL REMOVED>
> To: <EMAIL REMOVED>
> Date: 27.02.2013 14:12:50
> Subject: Re: [WebAIM] Lightbox accessibility
>
>
> > Thank you. It was very helpful indeed.
> >
> >
> >
> >
> > On Tue, Feb 26, 2013 at 11:05 AM, Felix Zapata Berlinches <
> > <EMAIL REMOVED> > wrote:
> >
> >> hi all, maybe this link
> >>
> >>
> http://www.nczonline.net/blog/2013/02/12/making-an-accessible-dialog-box/will
> >> be useful for your question...
> >>
> >> bye
> >>
> >> 2013/2/26 Bruna Poletto Salton < <EMAIL REMOVED> >
> >>
> >> > Hello everyone,
> >> >
> >> > I was wondering if there is a way to make lightboxes accessible.
> >> > I coordinate a team that evaluates accessibility on Brazilian
> government
> >> > websites and we have encounter lightboxes quite often and they are
> always
> >> > an issue for accessibility.
> >> >
> >> > Thank you,
> >> >
> >> > --
> >> > *Bruna Poletto Salton*
> >> > Instituto Federal de Educação, Ciência e Tecnologia do Rio Grande do
> Sul
> >> -
> >> > IFRS
> >> > Pró-Reitoria de Extensão - PROEX
> >> > Projeto de Acessibilidade Virtual
> >> > www.ifrs.edu.br
> >> > > >> > > >> > > >> >
> >> > >> > >> > >>
> > > > > > >
> > > >