WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Is this gallery accessible to screenreader users?

for

Number of posts in this thread: 4 (In chronological order)

From: Loremy
Date: Thu, Jul 21 2011 5:54PM
Subject: Is this gallery accessible to screenreader users?
No previous message | Next message →

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

From: Jeevan Reddy
Date: Fri, Jul 22 2011 1:24AM
Subject: Re: Is this gallery accessible to screenreader users?
← Previous message | Next message →

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 ADDRESS 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
>
>

From: Loremy
Date: Fri, Jul 22 2011 6:00AM
Subject: Re: Is this gallery accessible to screenreader users?
← Previous message | Next message →

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 ADDRESS 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 ADDRESS 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

From: Jeevan Reddy
Date: Mon, Jul 25 2011 1:09AM
Subject: Re: Is this gallery accessible to screenreader users?
← Previous message | No next message

Hi Loremy,
follow these URLs where you'll find demos on web 2.0 widgets which
has ARIA Enabled.
http://access.aol.com/aegis/#goto_slider

http://www.oaa-accessibility.org/examples/

Hope this might help you!


On Fri, Jul 22, 2011 at 5:28 PM, Loremy < = EMAIL ADDRESS REMOVED = > wrote:

> 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 ADDRESS 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 ADDRESS 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
>
>