SEO a pure CSS Slideshow

[andy10676]

I am a photographer and built my site useing a CSS Slideshow and am trying to figure out the SEO. Will the alt tag be crawled like this or no? Thanks for any and all help!

 

CSS

#site_Wrapper #allSlide_Wrapper #slide_Wrapper_retouch li:nth-child(1) span{ background-image:url(/images/retouch/rt_001.jpg);}#site_Wrapper #allSlide_Wrapper #slide_Wrapper_retouch li:nth-child(2) span{ background-image:url(/images/retouch/rt_002.jpg); -webkit-animation-delay: 10s; -moz-animation-delay: 10s; -o-animation-delay: 10s; -ms-animation-delay: 10s; animation-delay: 10s;}

 

HTML

<div id="slide_Wrapper_retouch"> <li><span>Image 01</span><alt="Before and After of Maggie Wakim. Full glamour photo retouching done in house at Andrew Gallagher Studios. Photographed in Achusnet, Massachusetts."></li> <li><span>Image 02</span><alt="Before and After of Taylor Kinzler. Full glamour photo retouching done by Andrew Gallagher Studios. Photographed in studio Lakeville, Ma."></li> <li><span>Image 03</span><alt="Before and After of Jillian Zucco. Full glamor photography retouching done by Andrew Gallagher Studios. Photographed downtown New Bedford, Massachusetts."></li> <li><span>Image 04</span><alt="Before and After of Stephanie Vegliante. Full glamor photography retouching done by Andrew Gallagher Studios. Photographed in studio North Dartmouth, Massachusetts."></li> <li><span>Image 05</span><alt="Before and After of Marlena Johnson. Full glamor photography retouching done by Andrew Gallagher Studios. Photographed downtown New Bedford, Massachusetts."></li> <li><span>Image 06</span><alt="Before and After of Maggie Wakim. Full glamor photography retouching done by Andrew Gallagher Studios. Photographed downtown New Bedford, Massachusetts."></li> <li><span>Image 07</span><alt="Before and After of Taylor Kinzler. Full glamor photography retouching done by Andrew Gallagher Studios. Photographed in studios Lakeville, Massachusetts."></li> <li><span>Image 08</span><alt="Before and After of Olivia Marques. Full glamor photography retouching done by Andrew Gallagher Studios. Photographed downtown New Bedford, Massachusetts."></li> <li><span>Image 09</span><alt="Before and After of Joclyne Nunes. Full glamor photography retouching done by Andrew Gallagher Studios. Photographed in studios N. Dartmouth, Massachusetts."></li>

</div>

[Ingolme]

No, that's not valid HTML, the search engine and the browsers will completely ignore it. The alt attribute belongs only to the <img> element.

 

Be sure to check your code in the HTML validator: http://validator.w3.org/