WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Is this gallery accessible to screenreader users?

for

From: Loremy
Date: Jul 22, 2011 6:00AM

Hi Jeevan,

Thank you very much for your very useful feedback!
This sounds promising, since I would like to integrate this kind of gallery
into my website.
Making the clickable images links won't be any problem, but I will have
to look up how to use ARIA markup for gallery pictures.
So far, I am only using the banner, navigation, and main roles.
If anybody can point me to a good example for gallery pictures
made accessible by WAI ARIA roles, I would be grateful for a hint.
But I will also check myself.

Thanks again for your kind reply!

Any other comments will be much appreciated, too.

Loremy


----- Original Message -----
From: "Jeevan Reddy" < <EMAIL REMOVED> >

> Hi loremy,
> The gallery is nice, well operable by keyboard.
> when i access the gallery with my NVDA screen Reader and Firefox 3.6, i
> found the following observations
> The images are not links or buttons, the screen reader user doesn't know
> it's clickable even he/she clicks on those.
> if you want to make it accessible to all, please use the clickable images as
> links!.
> if you want make it accessible to specific to screen reader users, Use ARIA
> mark up!
>
> On Fri, Jul 22, 2011 at 5:25 AM, Loremy < <EMAIL REMOVED> > wrote:
>
>> Hello,
>>
>> Could anybody please tell me if the gallery on the page
>> linked below is accessible to the screenreader users among you?
>>
>> Before you head over to the page,
>> (URL is http://finnrudolph.de/ImageFlow/Introduction )
>>
>> here is some info for you first:
>>
>> The page has three main parts --
>> 1. Einleitung (an introduction in German).
>> 2. Introduction (the same introduction in English), and
>> 3. The demo of the gallery, consisting of 10 images.
>>
>> All three parts can be reached via the headings list of the
>> Firefox screenreader plug-in "Fangs" that I am testing with.
>>
>> The ALT text for the images is simply "image 1", "image 2" etc.,
>> so not informative at all, but the ALT text can be easily changed.
>> Please note that images 8 and 9 are mistakenly switched
>> in the demo.
>>
>> Any comments will be greatly appreciated.
>>
>> Thank you very much for any feedback!
>>
>> Here's the link again:
>>
>> http://finnrudolph.de/ImageFlow/Introduction
>>
>> Loremy