Projet:Accessibilité : liens adjacents séparés par un caractère imprimable ou une image

Libellé

Les hyperliens adjacents sont toujours séparés par au moins un caractère imprimable ou une image.

Objectifs

Permettre aux utilisateurs de navigateurs vocaux de différencier les hyperliens adjacents au moyen de pauses de lecture marquées par ces outils de consultation.

Solutions techniques

Des liens sont considérés comme adjacents lorsqu'ils se succèdent directement, ou lorsqu'ils sont séparés par un espace, que ce soit : Au sein du même bloc, par exemple :

<p><a href="...">lien 1</a> <a href="...">lien 2</a></p>

Dans des blocs successifs, par exemple :

<div>... <a href="...">lien 1</a></div>
<h2><a href="...">lien 2</a> ...</h2>

Un caractère imprimable tel qu'un signe de ponctuation, une barre verticale (|), un tiret, etc. doit alors être inséré entre les liens. Ce caractère ne doit pas être masqué à l'affichage à l'aide de la propriété CSS display: none.

Les liens placés dans des éléments de liste successifs (li) ne sont pas considérés comme adjacents. Lorsqu'elle est appropriée, cette structure permet donc de contourner ce problème.

Moyens de contrôle

Tester des pages à l'aide de l'outil Bobby.

---