Problems with alt tag in validator

[mauddib3qez]

Hi,

I'm have problems with the validator kicking out this error:

 

Line 156, Column 103: there is no attribute "alt"

…s/DB3-AG9.jpg" rel="lightbox-a_e" alt="AG9 (Apple Green on Chartreuse)[2]" ######…

for this page:

 

http://thecolorsofbagleys.com/a_e.html

 

I am having similar issues with the following pages:

 

http://thecolorsofbagleys.com/f_h.html

http://thecolorsofbagleys.com/i_t.html

http://thecolorsofbagleys.com/u_9.html

http://thecolorsofbagleys.com/spec_undoc.html

 

I've tried different things, but can't make the error go away. What gives?

 

Thanks,

Mike MetzlerThe Colors of Bagley'shttp://thecolorsofbagleys.com/

[davej]

Well, why do you have an alt attribute on an <a> anchor tag? The allowed attributes are listed...

 

http://www.w3schools.com/tags/tag_a.asp

 

...and...

 

http://www.w3schools.com/tags/ref_standardattributes.asp

[Ingolme]

The alt attribute is alternate text used for images if they couldn't load. Perhaps you wanted a tooltip to appear next to the mouse when on the element, that would be the title attribute.

[mauddib3qez]

The alt attribute is alternate text used for images if they couldn't load. Perhaps you wanted a tooltip to appear next to the mouse when on the element, that would be the title attribute.

Are you saying there is no need for the alt tag because the title tag does the same thing?

 

Thanks,

Mike

[davej]

<ul> <li><a href="http://thecolorsofbagleys.com/images/WebsiteColors/DB3-AG9.jpg" rel="lightbox-a_e" alt="AG9 (Apple Green on Chartreuse)[2]" title="AG9 (Apple Green on Chartreuse)[2]">AG9</a></li> <li><a href="http://thecolorsofbagleys.com/images/WebsiteColors/LG2.jpg" rel="lightbox-a_e"  alt="AG9 (Apple Green on Chartreuse)[?]" title= "AG9 (Apple Green on Chartreuse)[?]">AG9</a></li>  <li><a href="http://thecolorsofbagleys.com/images/WebsiteColors/DB1-A2.jpg" rel="lightbox-a_e" alt="AM4T (Aquamarine on Pearl/Tiger Stripes)[8]" title= "AM4T (Aquamarine on Pearl/Tiger Stripes)[8]">AM4T</a></li> <li><a href="http://thecolorsofbagleys.com/images/WebsiteColors/AN4.jpg" rel="lightbox-a_e" alt="AN4 (Anchovy on White)[7]" title= "AN4 (Anchovy on White)[7]">AN4</a></li>...

I see alt attributes applied to <a> anchors.

[mauddib3qez]

I see what I've done now. Thanks for the input!

Mike

[Ingolme]

Are you saying there is no need for the alt tag because the title tag does the same thing?

 

Thanks,

Mike

They have two different purposes. The title attribute shows a tooltip, the alt tag provides a text description of an image just in case it didn't load.

[mauddib3qez]

Thanks Ingolme. I now see the error of my ways ;0