Before looking for an accessible slide show, it would help to think about what 
would make a slideshow accessible.


 1.  Do the images have alternate text. If the slideshow is adding images to 
the DOM, make sure the alt attribute is being used.
 2.  If the images are preloaded in a list, are they truly hidden? Most 
slideshows use positioning instead of display:none or visibility:hidden to hide 
images. This allows for smoother animations. If the slideshow is using position 
to hide images, make sure it is using aria-hidden=”true” and 
aria-hidden=”false” on the appropriate images.
 3.  Does the slideshow offer a hover behavior that is also keyboard 
accessible? This is especially true when an image’s caption is displayed on 
:hover. Make sure this works with :active and :focus as well.
 4.  Are there buttons to move the slideshow back and forth? Do they use links 
like <a href=”#”>? Add role=”button” to links that behave like buttons.
 5.  if the slideshow has a main stage that has images loaded into it, are they 
being announced? If the slideshow is the key focus of the page, set focus to 
the image when it is loaded.  If it is a sub module on a page, you could use 
aria-live=”polite” to let the user know the slideshow has changed.
 6.  Are there alternate buttons if it is on a mobile device and uses a custom 
swipe gesture?

These are just some of the features I would look for in an accessible slideshow.


--
Ted Drake
Yahoo! Inclusive Design
http://accessibility.yahoo.com
Twitter: @yahooaccess
Facebook: http://www.facebook.com/YahooAccessibility



On 12/6/11 8:48 AM, "Stefan Gaertners" <ste...@gaertnersnet.de> wrote:

Hi,

habe you tried Eric Meyers S5 http://meyerweb.com/eric/tools/s5/faq.html ?

Kind regards,

Stefan

Am 06.12.2011 um 14:43 schrieb "Web Dandy" <des...@webdandy.co.uk>:

Hi,

Does anyone know of any accessible slideshows which allow text and images?

Thanks,


<image001.gif>
Elaine Wildash

Web Dandy
"Web Design That Works"



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************

*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************

*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************

Reply via email to