1. Accueil
  2. Opquast V3
  3. 107 - Chaque lien est doté d'un intitulé dans…

N°107 - Chaque lien est doté d'un intitulé dans le code source.

Objectif

Éviter aux utilisateurs d'avoir uniquement une URL peu compréhensible en guise de libellé.

Éviter les liens qui deviennent invisibles lorsque les styles CSS ou les images d'arrière-plan ne sont pas pris en compte.

Solution technique

Donner à chaque lien un libellé textuel (entre les balises ouvrantes et fermantes de l'élément a) ou, si nécessaire, via l'alternative textuelle d'un élément img ou object.

Ne pas masquer à l'affichage le libellé textuel de l'élément a pour le remplacer par un effet de style CSS (image d'arrière-plan).

Moyen de controle

La détection des liens vides nécessite l'examen du code généré afin de contrôler le contenu effectivement présent dans la balise a, dans l'alternative de la balise img en cas d'image-lien ou encore dans l'alternative des éléments object et embed, par exemple à l'aide de Firebug.

Dans chaque page examinée :

  • Vérifier que chaque lien texte a un libellé affiché lorsque les styles CSS sont désactivés. Utiliser pour cela la fonctionnalité Désactiver tous les styles CSS de la Web Developer Toolbar (menu CSS) ;
  • Contrôler que chaque lien image a un libellé affiché lorsque les images sont désactivées ;
  • S'assurer que chaque lien présent sous forme d'objet flash a un libellé affiché lorsque le support de cette technologie est désactivée.

Dans le cas des liens HTML, il faut également vérifier que le libellé est affiché lorsque les couleurs seules sont désactivées à l'aide la Web Developer Toolbar dans Firefox. Cette vérification permet de détecter les cas de libellés présents dans le code mais masqués à l'affichage et remplacés par une image d'arrière-plan CSS.

Crée le
23 juin 2014

Testez et faites reconnaître vos compétences

Logo Opquast Certfied

Opquast Certified est un test sur 1000 points permettant de vérifier le degré de maîtrise des meilleures pratiques du Web

Découvrir

Retrouvez cette fiche dans « Qualité Web »

Livre Qualité Web

En savoir +

Version numérique offerte pour l’achat de la version papier