WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: "Read more" links in WordPress

for

From: Jared Smith
Date: Apr 19, 2013 7:51AM

On Fri, Apr 19, 2013 at 7:25 AM, Whitney Quesenbery wrote:

> Are there any other ideas/tricks for how to customize this link so that it
> does not repeat AND does not clutter up a the presentation?

If you're not concerned about the usability issue the "Read more" link
presents for all users, I probably wouldn't do anything special for
screen reader users. Everyone has to scan or browse previous to the
link to identify the context of these ambiguous links. If you're
consistent in your presentation of the previous header and link,
forcing a screen reader user to press Shift + Tab twice, or jump to
the previous heading, etc. isn't much more burdensome than forcing a
sighted user to visually scan previous to link to find what it's
about. Doing nothing would be a WCAG 2.0 Level AAA violation, but not
Level AA.

If you want to address only the screen reader issue, I'd add an
off-screen span to the link that contains the article title:
<a href="article">Read more<span class="offscreen">: Article title</span></a>.

This approach works, but any more I can't help but wonder if hearing
the extra repeated text (especially when navigating by links) is as
much of a hassle for screen reader users as simply dealing with the
ambiguous "Read more" link.

Jared