ALT tags and titles on linked images
I am trying to get my head around the "best practice" for coding a link to another page from an image and its caption.
My specimen page is this:
http://www.craxford-family.co.uk/themeorange/orange2.php
Take the first link under Feature Articles: "The Ankers of Whittlesea". The image currently contains both an alt (text in case the image fails to load) and a title (which displays in the hover) whereas the text link contains a title.
It has been suggested to me that this combination is not best practice for accessibility purposes - but the various alternatives leave me confused. Leaving the alt on the image blank (ie alt="") creates an error with various validators. My confusion is heightened by this article from the University of Ohio's Web Accessibility Center: "Testing image links with ALT tags and titles":
http://wac.osu.edu/tutorials/links-testing.htm
Each of my internal article links contain a thumbprint of an image from the article itself. If I were to make any change, in desperation I feel it might be simplest just to remove the link from the image completely leaving only the text alternative.
I would appreciate your thoughts
Regards
Alan
My specimen page is this:
http://www.craxford-family.co.uk/themeorange/orange2.php
Take the first link under Feature Articles: "The Ankers of Whittlesea". The image currently contains both an alt (text in case the image fails to load) and a title (which displays in the hover) whereas the text link contains a title.
It has been suggested to me that this combination is not best practice for accessibility purposes - but the various alternatives leave me confused. Leaving the alt on the image blank (ie alt="") creates an error with various validators. My confusion is heightened by this article from the University of Ohio's Web Accessibility Center: "Testing image links with ALT tags and titles":
http://wac.osu.edu/tutorials/links-testing.htm
Each of my internal article links contain a thumbprint of an image from the article itself. If I were to make any change, in desperation I feel it might be simplest just to remove the link from the image completely leaving only the text alternative.
I would appreciate your thoughts
Regards
Alan
Hi
My opinion is that you can use "alt" in <img> to have validation, and "title" in link tag <a>.
My opinion is that you can use "alt" in <img> to have validation, and "title" in link tag <a>.
| Newfloridian wrote: |
| I am trying to get my head around the "best practice" for coding a link to another page from an image and its caption.
My specimen page is this: http://www.craxford-family.co.uk/themeorange/orange2.php Take the first link under Feature Articles: "The Ankers of Whittlesea". The image currently contains both an alt (text in case the image fails to load) and a title (which displays in the hover) whereas the text link contains a title. It has been suggested to me that this combination is not best practice for accessibility purposes - but the various alternatives leave me confused. Leaving the alt on the image blank (ie alt="") creates an error with various validators. My confusion is heightened by this article from the University of Ohio's Web Accessibility Center: "Testing image links with ALT tags and titles": http://wac.osu.edu/tutorials/links-testing.htm Each of my internal article links contain a thumbprint of an image from the article itself. If I were to make any change, in desperation I feel it might be simplest just to remove the link from the image completely leaving only the text alternative. I would appreciate your thoughts Regards Alan |
to my knowledge, preferably alt = "", not in the clear. Should be given the title of article, for example, alt = "ARTICLE TITLE".



