WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Flash banner with rotating images

for

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

From: Jan Heck
Date: Wed, Sep 17 2008 4:40PM
Subject: Flash banner with rotating images
No previous message | Next message →

I have a question about a Flash banner with rotating, linked images which
appears on the home page of my college's Web site
(http://www.coastline.edu/). The banner is used to promote various college
programs and services; as each image comes up, it is "clickable" to take the
user to the page for that program or service.



I am not a Flash programmer and I am a novice using JAWS for testing.
However, when I have JAWS read the entire page to me, it seems to skip over
the banner altogether. So my guess is that these links are invisible and
inaccessible to screen reader users.



Here's the code used to insert the banner:

<object type="application/x-shockwave-flash" data="spotlight.swf"
height="193" width="519">

<param name="movie" value="spotlight.swf">

<img
src="http://www.coastline.edu/resources/images/spotlight/defaultBanner.jpg"
alt="Apply to Coastline Community College." height="194" width="516">

</object>



My questions for anybody willing to take a quick look at it are:

1. Am I correct that screen readers cannot access the rotating banner
as is?

2. What verbiage can I use to communicate to the Flash programmer what
needs to be changed to "fix" it, if indeed a fix is possible?

3. If no fix is possible, is there an accessible way to accomplish the
same feature, i.e., a rotating banner with each image having its own
hyperlink?



I thank you very much for any insight you can give me, and I apologize for
the cross-postings.



--

Jan Heck

= EMAIL ADDRESS REMOVED =



From: Rahul Gonsalves
Date: Thu, Sep 25 2008 11:20AM
Subject: Re: Flash banner with rotating images
← Previous message | Next message →

On 18-Sep-08, at 3:55 AM, Jan Heck wrote:

> 3. If no fix is possible, is there an accessible way to
> accomplish the
> same feature, i.e., a rotating banner with each image having its own
> hyperlink?

Hi Jan,

I'm not sure about your other questions, but this seems like an
accessible way to build a rotating banner:

http://www.innovatingtomorrow.net/2008/05/12/rotating-banner-images-with-views-and-jquery

It seems specific to Drupal, but should be easily adaptable.

Best,
- Rahul.

From: Vivek
Date: Mon, Sep 29 2008 10:50PM
Subject: Re: Flash banner with rotating images
← Previous message | Next message →

Hello Jan,

Check out if there is any wmode parameter in your htmlpage. If wmode is set
to opaque or transparent, JAWS is unable to read the flash content.

If you have put in the links in the form of a button it should work. Just
make your buttons accessible by using the accessibility panel in flash.

Hope this helps...

peace, veiky

-----Original Message-----
From: Jan Heck [mailto: = EMAIL ADDRESS REMOVED = ]
Sent: Thursday, September 18, 2008 3:56 AM
To: WebAIM Discussion List; Knowbility Accessibility-SIG; Alternate Media
List
Subject: [WebAIM] Flash banner with rotating images

I have a question about a Flash banner with rotating, linked images which
appears on the home page of my college's Web site
(http://www.coastline.edu/). The banner is used to promote various college
programs and services; as each image comes up, it is "clickable" to take the
user to the page for that program or service.



I am not a Flash programmer and I am a novice using JAWS for testing.
However, when I have JAWS read the entire page to me, it seems to skip over
the banner altogether. So my guess is that these links are invisible and
inaccessible to screen reader users.



Here's the code used to insert the banner:

<object type="application/x-shockwave-flash" data="spotlight.swf"
height="193" width="519">

<param name="movie" value="spotlight.swf">

<img
src="http://www.coastline.edu/resources/images/spotlight/defaultBanner.jpg"
alt="Apply to Coastline Community College." height="194" width="516">

</object>



My questions for anybody willing to take a quick look at it are:

1. Am I correct that screen readers cannot access the rotating banner
as is?

2. What verbiage can I use to communicate to the Flash programmer what
needs to be changed to "fix" it, if indeed a fix is possible?

3. If no fix is possible, is there an accessible way to accomplish the
same feature, i.e., a rotating banner with each image having its own
hyperlink?



I thank you very much for any insight you can give me, and I apologize for
the cross-postings.



--

Jan Heck

= EMAIL ADDRESS REMOVED =

From: Dean Hamack
Date: Tue, Sep 30 2008 6:00PM
Subject: Re: Flash banner with rotating images
← Previous message | No next message

Interesting. Unfortunately, setting the wmode to opaque or transparent is
the only way to get around a z-index bug in IE.


On 9/29/08 9:40 PM, "Vivek" < = EMAIL ADDRESS REMOVED = > wrote:

> Hello Jan,
>
> Check out if there is any wmode parameter in your htmlpage. If wmode is set
> to opaque or transparent, JAWS is unable to read the flash content.
>
> If you have put in the links in the form of a button it should work. Just
> make your buttons accessible by using the accessibility panel in flash.
>
> Hope this helps...
>
> peace, veiky