WebAIM - Web Accessibility In Mind

E-mail List Archives

Accessible Image Gallery

for

From: Sarah Ward
Date: Aug 4, 2012 12:32PM

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