Share

Approfondir

Qualité Web le livre

Livre Qualité Web

Acheter

131 - Each link has a proper label in the source code.

Objectif
  • Prevent users from only having a hard-to-understand URL as a label.
  • Avoid links that become invisible when CSS styles or background images are not handled.
  • Improve the accessibility of content for people with disabilities.
Mise en œuvre

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, etc.

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).

Contrôle

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, etc.

Dans chaque page examinée :

  • Vérifier que chaque lien texte a un libellé affiché lorsque les styles CSS sont désactivés.
  • Contrôler que chaque lien image a un libellé affiché lorsque les images sont désactivées ;

Dans le cas des liens HTML, il faut également vérifier que le libellé est affiché lorsque les couleurs seules sont désactivées.

Découvrez la certification Opquast

Rejoignez la communauté des certifiés Opquast. Plus de 5000 professionnels formés à la qualité Web. Au programme une formation en ligne de 14h, un examen de 1h30, un badge et un score à mettre sur votre cv et votre profil linkedin.

Commander en ligne