WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Lightbox accessibility

for

From: Detlev Fischer
Date: Feb 27, 2013 10:09AM


My main concern was not that role=dialog is not passed through but that focus handling (moving focus to box, moving it back to triggering element on closing box) did not seem to work under VoiceOver and TalkBack as it does on desktop browsers, at least with the scripts I was using. Other scripts may do a better job though.
Detlev


On 27 Feb 2013, at 17:55, Bryan Garaventa wrote:

> 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
>>>>> >>>>> >>>>> >>>>>
>>>> >>>> >>>> >>>>
>>> >>> >>> >>
>> >> >> >>
> > > >
> > > --
Detlev Fischer
testkreis - das Accessibility-Team von feld.wald.wiese
c/o feld.wald.wiese
Thedestraße 2
22767 Hamburg

Tel +49 (0)40 439 10 68-3
Mobil +49 (0)1577 170 73 84
Fax +49 (0)40 439 10 68-5

http://www.testkreis.de
Beratung, Tests und Schulungen für barrierefreie Websites