WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accessible Image Gallery

for

From: Bryan Garaventa
Date: Aug 4, 2012 3:14PM

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> >
To: < <EMAIL REMOVED> >
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
> > >