WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Lightbox accessibility

for

From: Bryan Garaventa
Date: Feb 27, 2013 12:50PM


I meant 'aware of'. Sorry about that.
----- Original Message -----
From: "Bryan Garaventa" < <EMAIL REMOVED> >
To: "WebAIM Discussion List" < <EMAIL REMOVED> >
Sent: Wednesday, February 27, 2013 11:33 AM
Subject: Re: [WebAIM] Lightbox accessibility


The only way that I'm away of for changing the view for a scrollable region
such as this, is to use CSS and adjust the visible viewport of the container
element (scrollTop and scrollLeft), which will scroll the desired area into
view.

This typically works in iOS because Voiceover can only detect what is in the
visible viewport, so scrolling the region into view makes the screen reader
detect it for navigation.



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


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