You are here: : Homepage > Best practices > Sheet No176
Best Practice N°176- Level1- Section accessibility
Description
Adjacent hypertext links are always separated by a printable character or an image.
Objectives
Makes screen readers pause between links.
Possible technical solutions:
Links are considered adjacent when they are in direct succession of each other or when they are separated by a space as follows:
In the same block, for example : <p><a href="...">link 1</a> <a href="...">link 2</a></p>
In successive blocks, for example:
<div>... <a href="...">link 1</a></div>
<h2><a href="...">link 2</a> ...</h2>
A printable character like a punctuation symbol, a vertical line (|), a hyphen, etc. must always be inserted between the links. This character must not be hidden from display by means of the CSS
display: none property.Links placed in succesive list elements (
li) are not considered to be adjacent therefore when appropriate this method makes it possible to avoid the problem.
Control methods:
Test site pages with the tool : Bobby.
Put these Best Practices to use.
Opquast is a service provided by Temesis. The Opquast Best Practices are elaborated in the Opquast Workshop(FR).