LinkPlus Stack

make sure your links are clearly distinguished from normal text

0 reviews

I developed this new stack to make links in your main content easier to use for visitors with vision and dexterity impairments in mind — and at the same time make those links look cool(er).

According to the W3C’s Web Content Accessibility Guidelines (WCAG) 2.0, you should not use color ‘ as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element’.

This means that links (at least those in the main text area of a web page) that only differ from its surrounding text in color, limit the accessibility of your website, especially for color blind and people with poor eyesight (like many elderly).

With the LinkPlus Stack, you can make that distinction in several ways:

  • Add underlining to your links, even if your theme does not. You can even use different colors for the link text and its underlining.
  • Use a border bottom on links.
  • Use a background color.
  • Change the text of the links to bold and/or italic. This can be combined with each of the options above, or used separately.

If you are interested in improving the usability of your site, or just want to make your links look better, this stack is what you'll need.

Read more

LinkPlus Stack Info

LinkPlus Stack Reviews

RapidWeaver newsletter

The latest news, articles, and resources, sent to your inbox weekly.

© 2021 Realmac Software Limited. All rights reserved.