Dans chaque page web, chaque lien dont la nature n’est pas évidente est-il visible par rapport au texte environnant ?

Comprendre

Un lien dans un texte doit se distinguer du texte environnant autrement que par la couleur seule, ou avec un contraste suffisant.

Ce critère s’applique lorsque la page contient : liens.

Ce que vérifie Agence RGAA

Notre moteur détecte automatiquement des anomalies, mais une personne doit confirmer la pertinence avant de conclure.

Nous détectons automatiquement :

• liens distingués par la couleur seule

Un résultat automatique n’est jamais un audit : seul un contrôle humain (en interne ou par un auditeur RGAA) permet de conclure.

Exemple de correction

p a {
  color: #0b3d91;
  text-decoration: underline;
}

p a {
  color: #2a6fdb;
  text-decoration: none;
}

• À défaut du soulignement, un contraste d’au moins 3:1 avec le texte et un indicateur au survol et au focus.

Patron de référence à adapter à votre contexte : il ne vaut pas validation du critère.

Tests officiels

1. Test 10.6.1

   Dans chaque page web, chaque lien texte signalé uniquement par la couleur, et dont la nature n’est pas évidente, vérifie-t-il ces conditions ? La couleur du lien a un rapport de contraste supérieur ou égal à 3:1 par rapport au texte environnant ; Le lien dispose d’une indication visuelle au survol autre qu’un changement de couleur ; Le lien dispose d’une indication visuelle au focus autre qu’un changement de couleur.

   Méthodologie de test

   1. Retrouver dans le document les éléments de type lien (élément <a> ou élément pourvu d’un attribut WAI-ARIA role="link") ;
   2. Pour chaque élément de type lien, s’il peut être confondu avec un texte normal lorsqu’il est signalé uniquement par la couleur, vérifier que le contraste entre la couleur de police du lien et la couleur de police du texte environnant est de 3:1, au moins ;
   3. Cette vérification doit être faite pour les différents états du lien s’ils sont présentés au moyen d’une couleur différente : l’état non visité, l’état visité, l’état activé, l’état au survol et l’état à la prise de focus ;
   4. Si c’est le cas pour chaque élément de type lien, le test est validé.

Texte officiel du référentiel RGAA 4.1.2 publié par la DINUM — voir la source.