Vous êtes ici : : Accueil > Bonnes pratiques > Fiche no176
Fiche bonne pratique N°176- Niveau1- Rubrique accessibilité
Libellé
Les hyperliens adjacents sont toujours séparés par au moins un caractère imprimable ou une image.
Objectif
permettre aux synthèses vocales de faire une pause entre les liens
Solutions techniques possibles:
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.
Mettre en application cette bonne pratique
Opquast est un service édité par Temesis. Les bonnes pratiques Opquast sont forgées dans l'atelier Opquast(FR).