WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: the "Read More" links vs elipsis

for

From: John Foliot
Date: Dec 7, 2011 1:03PM

Angela French wrote:
>
> I have read the various suggestions and while they are great if you get
> to hand code a page, for a site that is maintained by content editors
> using a CMS where writing any code at all is impossible, I have to
> resort to a more "spelled-out" solution for the typical "read more"
> approach.
>

Hi Angela,

How about something like this:

.offscreen {
position:absolute;
left:-999px;
top:-999px;
}

<h3>$Title</h3>
<p>$teaser</p>
<p><a href="$Link"><span class="offscreen">$Title :</span>Read
More</a></p>

(pseudo code used to illustrate the idea)