WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accessible Image Gallery

for

From: Stella Mudd
Date: Aug 5, 2012 1:41AM


If possible, would have a visual stop button, but I always add a standard
message when entering the carousel that let's a user know the escape key
may be used to stop things.

On Sat, Aug 4, 2012 at 11:31 PM, < <EMAIL REMOVED> > wrote:

> Good to hear that a stop mechanism will be in place but how will users
> know that the Escape key will activate it?
> Bim
>
>
> Sent from my iPhone
>
> On 4 Aug 2012, at 22:40, Stella Mudd < <EMAIL REMOVED> > wrote:
>
> > Good point Bryan. I would only announce if the carousel has focus and
> for
> > good messure ensure a mechanism is used to stop the announcement which
> > would probably stop the animation as well such as pressing the escape
> key.
> >
> > On Saturday, August 4, 2012, Bryan Garaventa wrote:
> >
> >> Hi,
> >> There's a LinkedIn article at
> >> http://lnkd.in/vcvyQz
> >> That describes a technique for announcing text unobtrusively, and an
> >> accessible image carousel implementation at
> >> http://whatsock.com/modules/carousel_from_xml_module/demo.htm
> >> Which announces image descriptions for screen readers using this
> technique.
> >>
> >> A word of warning though, having things announced automatically may
> cause
> >> problems if a person is trying to navigate the page at the same time,
> since
> >> they won't know if what is being announced is on the same line or
> paragraph
> >> that is being navigated to, or if it is coming from somewhere else on
> the
> >> page. This can be very disorienting.
> >>
> >>
> >> ----- Original Message -----
> >> From: "Sarah Ward" < <EMAIL REMOVED> <javascript:;>>
> >> To: < <EMAIL REMOVED> <javascript:;>>
> >> Sent: Saturday, August 04, 2012 11:32 AM
> >> Subject: [WebAIM] Accessible Image Gallery
> >>
> >>
> >>> Hi Everyone,
> >>>
> >>> I'm currently working on designing an accessible image gallery and
> would
> >>> like the screen seader to announce when the new image is displayed to
> the
> >>> user by reading out the alt text (without moving focus to the image
> >>> itself). I haven't so far found many good examples of image galleries
> so
> >>> would appreciate some help.
> >>>
> >>> I thought this would be possible by adding an aria-live attribute to
> the
> >>> container element, and as the image was removed and replaced by a new
> >> one,
> >>> the screen reader would announce the new image's alt text. This seems
> to
> >>> work as I would like in VoiceOver, but in NVDA and JAWS (and
> potentially
> >>> others) it does not announce anything.
> >>>
> >>> Is there something in the spec that we have missed that indicates
> >>> aria-live should only work with text nodes?
> >>>
> >>> Thanks,
> >>> Sarah
> >>>
> >>> Sent from my iPad
> >>> > >>> > >>> > >>
> >> > >> > >> > >>
> > > > > > > > > >