Categories
links usability writing

Links: Don’t “Click Here”

So it’s the end of 2013, and sadly, the phrase “click here” continues to be used in text links all around the web. This is poor usability, accessibility, and sure makes the author look silly!

Reasoning

  • “Click” places focus on mouse mechanics (and many people don’t use a mouse).
  • “Click here” hides the target of the link; it’s not a good call-to-action.
  • Poor for visually scanning the page.
  • Users must make the extra effort to read before or after “Click here” to determine to where the link goes. (Don’t make me think!)
  • “Click here” has no context for when a list of links is provided to the user by the user agent.

Examples

To correct the problem, don’t use phrases like “click here” but use meaningful phrases which make sense out of context.

Before: I like the beaches herehere, and here.
After: I like the beaches in Maui, Sarasota, and Saugatuck.

Before: Click here to see if your bill is ready yet.
After: To see if your bill is ready, check the foo app.

Do you have any other examples?

Supporting articles

  1. Why Your Links Should Never Say “Click Here” (Smashing Magazine)
  2. I Don’t Want to Read More or Click Here (Karen Mardahl)
  3. Don’t say ‘click here’ on link text (goodusability.co.uk)
  4. Links and Hypertext (WebAIM)
  5. Click Here and Other Link Text (Jim Thatcher)

Notes

  • In addition to “click here”, the same can be said for “read more” and other similar link phrases.
  • Except for tool tips available to mouse users, the title attribute adds no value (touch devices, keyboard users, most screen reader users).
Categories
alt roundup writing

Resources for Writing for Web Accessibility

UPDATED MARCH 2017

A large part of web accessibility is creating content which can be easily understood, and writing is often times an overlooked factor. Like coding a website, writing must account for a variety of user conditions and abilities. It’s tricky! Here are some great articles to help.

From 4 syllables

Some great advice from @Writing4Web. This was originally a 7-part series; the articles were restructured since.

More great resources

Techniques from WCAG 2.0

The word "inaccessible" with "in" crossed out by a pen
Categories
articles hearing writing

Deafness and the User Experience

In the article Deafness and the User Experience by Lisa Herrod, issues with Deaf web users are explored. And there are some excellent points for writing for web accessibility:

  • Use headings and subheadings.
  • Write in a journalistic style: make your point and then explain it.
  • Make one point per paragraph.
  • Use short line lengths: seven to ten words per line.
  • Use plain language whenever possible.
  • Use bulleted lists.
  • Write with an active voice.
  • Avoid unnecessary jargon and slang, which can increase the user’s cognitive load.
  • Include a glossary for specialized vocabulary, e.g., medical or legal terminology, and provide definitions in simpler language.