WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Making a slideshow accessible

for

From: John E Brandt
Date: Aug 15, 2011 1:42PM

Amy

Earlier this year I searched high and low to find an easy to use,
accessible, photo slideshow carousel. I had some folks here in the group
suggest some things and I found several possibilities, but had a tough time
implementing. I settled on a very simple JavaScript version that allowed me
to put ALT text code in with a generic description. I was unsuccessful in
getting player buttons to work or show up in the design in a way that was to
my liking. I put a lot of time into this and did not feel it was fair to
bill the client who was eager to get it up and working. You can see the
results on the link below. It passes the WebAIM WAVE test, but probably
violates something because there are no controls for the script.

Feel free to contact me off list if you want to discuss further.

http://commontable.com/index.html

John E. Brandt
www.jebswebs.com
<EMAIL REMOVED>
207-622-7937
Augusta, Maine, USA

-----Original Message-----
From: <EMAIL REMOVED>
[mailto: <EMAIL REMOVED> ] On Behalf Of Amy Rogers
Sent: Monday, August 15, 2011 2:06 PM
To: <EMAIL REMOVED>
Subject: [WebAIM] Making a slideshow accessible

Hello,

I didn't get any response to my earlier inquiry (see below), so I thought to
rephrase my question. If no one knows the answer, I will appreciate
recommendations to another resource where I may get help.

We want to make sure we can make a slideshow that is part image and part
text accessible to sight and mobile challenged users. I want to know how
does such user navigate through this type of slideshow? Do their software
know where to start navigating, and read the text? The slideshow was
constructed with PHP. No flash technology is used.

I will appreciate any enlightenment on this issue.

Thank you.
Amy


----
From: Amy Rogers
Date: Aug 11, 2011 4:27PM

Hello, I'm new here. I need feedback and advice. I have already searched the
archives.

We sell a web-based service. On the home page, in the first screen, an idea
is to feature a slideshow -- a series of 5 slides -- highlighting the
service's main features.

In each slide, a screenshot of a feature is on the left, and, to its right,
a list of bulleted text (actual text, not text in image).

To navigate through the slides, there would be a button for each slide below
the slide area. The user proactively clicks on each one.

How do we make it easier for a sight and mobile impaired person navigate
through the slides?

If there are examples of websites that have done the same thing and it's
accessible, I will love to get their URLs.

Thank you!
Amy