WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Useful Alt Text?

for

From: YOUNGV5
Date: Jun 15, 2011 11:36AM

By default in most screen readers, title text does not get read and most
do not enable for many reasons.

In order of best solution:

1. <img src="read-more.png" alt="" /><a href="link.html">Read more - Story
Name</a>

2. <img src="read-more.png" alt="" /><a href="read-more.html" title="Read
more - Story Name">Read more<span> - Story Name</span></a>
(<span> would have CSS applied that visually hides text: Use absolute
positioning or clipping)

3. <img src="read-more.png" alt="" /><a href="read-more.html" title="Read
more - Story Name" label="Read more - Story Name">Read more</a>

Vincent Young
Web Accessibility Specialist
User Experience Team
Nationwide®
o | 614·677·5094
c | 614·607·3400
e | <EMAIL REMOVED>




From:
"McDonald, Jennifer" < <EMAIL REMOVED> >
To:
"WebAIM Discussion List" < <EMAIL REMOVED> >
Date:
06/15/2011 11:21 AM
Subject:
Re: [WebAIM] Useful Alt Text?
Sent by:
<EMAIL REMOVED>



What about adding a title to the a href?

<a href="link.html" title="Read more - Story Name">Read More</a>