Clarification de la fonction des liens

Table des matières

• Le problème
• La solution
• Les règles qui s'appliquent à la clarification des liens
• L'évaluation de conformité
• La comparaison entre les standards SGQRI et WCAG 2.0

Le problème

Les personnes aveugles, qui utilisent un lecteur d'écran, disposent d'une fonction qui leur permet de dresser la liste de tous les liens de la page. Cette fonction leur permet de naviguer plus efficacement, sans être obligés de lire tout le contenu de la page. Elles peuvent, par exemple, trouver un lien très rapidement en tapant ses premières lettres.

Toutefois, il faut que le libellé des liens soit significatif et qu'il puisse être compris facilement dans le contexte global de la page. Sinon, l'utilisateur doit, soit retourner au paragraphe où se situe ce lien pour en comprendre la fonction, soit l'activer pour en voir l'effet.

La solution

• Les liens utilisant de façon répétitive le même texte (ex. « cliquer ici » ou « pour en savoir plus… ») posent donc problème.
  • Des liens conduisant à des cibles différentes ne peuvent utiliser le même texte, parce que cela créerait de la confusion. C'est souvent le cas des liens de type « pour en savoir plus… » ou « lire la nouvelle… ». Une façon de remédier à ce problème pourrait être de convertir ce libellé en image, et d'ajouter dans le contenu du alt (à la suite de « lire la nouvelle... ») le titre de cette nouvelle, ce qui peut être fait automatiquement par certains systèmes de gestion de contenu.
  • Vous pouvez aussi afficher cette dernière partie du lien hors écran, en utilisant la feuille de style.
  • Il est aussi possible d'offrir un élément d'interface en début de page pour modifier le texte des liens. Ceci permet d'intégrer le titre de la nouvelle au texte de son lien : « lire la nouvelle : ... ».

  Exemples de code

  Exemple FAUTIF  :

  <h2>Brigadiers scolaires recherchés</h2> <p>Nous sommes à la recherche de brigadiers scolaires pour travailler sur les traverses piétonnières de l'Île de Montréal. Vous connaissez quelqu'un pour qui la <a href="/communiques.asp?id=435"> »»Lire la suite</a></p>

  Solution pour rendre le lien explicite :

  <a href="/communiques.asp?id=435">»» Lire la suite<img src="suite" alt=" de Brigadiers scolaires recherchés"></a>

• Notons aussi que si vous utilisez un lien graphique et un lien texte conduisant à la même destination, vous devriez les intégrer dans la même balise <a>. L'attribut alt de l'image doit alors être vide puisque la signification du lien est déjà donnée par le texte adjacent.

  Exemples de code

  <a href="http://www.abc.com/"><img src="abc.gif" alt="" />ABC</a>

• WCAG 2.0 permet, au niveau A, de comprendre un lien à partir de son contexte immédiat (paragraphe courant, en-tête de section, item de liste, etc.). Les lecteurs d'écran n'offre toutefois pas de moyen simple de vérifier ce contexte quand un utilisateur navigue dans la liste des liens, c'est pourquoi nous n'encourageons pas cette pratique.
• Pour les documents non HTML :
  • Le format des documents non HTML pourrait être spécifié textuellement ou par une icône à l'intérieur du lien de téléchargement.
  • Il est considéré de l'ordre des bonnes pratiques de spécifier également la taille du fichier à télécharger afin d'en aviser les utilisateurs qui s'apprêtent au téléchargement.
  • Des formats alternatifs pourraient être offerts.

  Exemples de code

  <a href="document1.doc">Document 1 [en format Word]</a>

  <a href="document1.pdf">Document 1 [en format PDF, 4.5 Mo]</a>

  <a href="document1.pdf">Document 1 [en format PDF]</a> <a href="document1.rtf">Document 1 [en format RTF]</a>

Les règles qui s'appliquent à la clarification des liens

L'évaluation de conformité

La comparaison entre les standards SGQRI et WCAG 2.0

En ce qui concerne la fonction des liens, les standards SGQRI se situent dans une position intermédiaire entre le critère de succès de niveau A et de niveau AAA. En ce sens, on pourrait dire que les standards SGQRI appliquent le critère de niveau A, mais avec des contraintes du niveau AAA sauf pour les liens redondants.

Dans ce contexte, un site Web qui applique les exigences des standards SGQRI en matière de parcours au clavier est conforme aux critères de succès 2.4.4 des WCAG 2.0, mais pas au critère 2.4.9 qui ne comporte par d'exception. Toutefois, un site Web qui applique seulement le critère de succès 2.4.4 sera non conforme aux standards SGQRI à moins qu'il applique aussi le critère 2.4.9 plus stricte que les exigences des standards SGQRI.

Voir aussi :

1. Comprendre la règle 2.4 [Navigable]
2. Comprendre le critère de succès 2.4.4 [Fonction du lien (selon le contexte)]
3. Comprendre le critère de succès 2.4.9 [Fonction du lien (lien uniquement)]