Picto thématique

Rule n° 135 - Links are visually differentiated from the rest of the content.

Some website creators love to differentiate between links by hovering over them. In this case, a user who cannot hover over a page with his or her pointer will not see the links. This isn’t so rare. Think of touch screen users and voice-activated navigation, for example.

#Basics #Accessibility #Conception #Links

Goal

  • Allow users to easily identify links in the text, as well as navigation blocks.
  • Improve the visibility and affordance of links in different browsing environments.
  • Improve the accessibility of content for people with disabilities.

Implementation

Hyperlinks can be differentiated using CSS properties of text colour, background colour, underline, bold, borders, font, etc.

Control

On each page checked:

  • Identify the links throughout the text;
  • Check that these links are visually different from the rest of the text.
  • Check that the links differentiated by the colour have a minimum contrast ratio of 3 with the surrounding text and that they are identifiable when hovering over or using keyboard focus.

This check does not apply to navigation blocks whose nature is otherwise obvious to the user (menus).

By Opquast - Read the license


Discover Opquast training and certification

The objective of these rules and the Opquast community mission is ‘making the web better’ for your customers and for everyone! Opquast rules cover the key major areas of risk that can negatively affect website users such as privacy, ecodesign, accessibility and security.

Opquast training has already allowed over 19,000 web professionals to have their skills certified. Train your teams, contact us

We offer a 1 hour free discovery module.