WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Lightbox accessibility

for

From: Bryan Garaventa
Date: Feb 27, 2013 10:22AM

I see what you mean. Focus redirection in touch screen devices has no impact
on accessibility unless an external keyboard is being used. The act of
moving the finger across the screen changes the focus automatically so there
is no way to know where literal focus has moved to without physically
grabbing the finger and pointing to it, which would be a neat trick if you
can do this programmatically :)



----- Original Message -----
From: "Detlev Fischer" < <EMAIL REMOVED> >
To: "WebAIM Discussion List" < <EMAIL REMOVED> >
Sent: Wednesday, February 27, 2013 9:09 AM
Subject: Re: [WebAIM] Lightbox accessibility


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