WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Lightbox accessibility

for

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

I wasn't talking of external keyboards, but of swipe navigation (left to right to 'tab' through the content, right to left to 'tab' backwards). In touch exploration managing focus obviously makes no sense.
Detlev

On 27 Feb 2013, at 18:22, Bryan Garaventa wrote:

> 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
>
>
>
>
> > > >
> > > --
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