PDA

View Full Version : Ultimate Fade-in slideshow Accessibility



Motions
07-30-2008, 06:28 PM
1) Script Title: Ultimate Fade-in slideshow

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem:
This script does not allow for accessibility. How can the alt tag be included in this script so that it is 508 compliant?

Motions
07-30-2008, 07:23 PM
I figured it out. I was trying to make it much harder than it was.

For anyone interested in keeping this slide show 508 compliant, here's the code I altered.

Add additional value to fadeimages[ ]

var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["photo1.jpg", "", "", ""] //plain image syntax


Then add the following alt tag to this code:

fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
slideHTML+='<img src="'+this.postimages[picindex].src+'" alt="'+this.theimages[picindex][3]+'" border="'+this.imageborder+'px">'
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+='</a>'
picobj.innerHTML=slideHTML
}


If you leave a null value "", the alt tag will just be 'blank'. MUCH better than 'missing'.