Rendre accessibles les liens-Notions de base

Mise en œuvre de l’accessibilité numérique

Menu

Transcription textuelle de la vidéo

Lorsque vous rédigez pour le Web, dans le cadre de votre travail, vous établissez des liens vers d’autres pages, vers d’autres ressources. Savez-vous que les liens réclament une attention particulière, pour être accessibles ?

Les liens hypertextes sont le fondement de toute navigation sur le Web. Il est donc essentiel que l’internaute les identifie facilement dans vos pages.

Ils sont aussi une façon efficace de découvrir le contenu d’une page, pour une personne mal ou non-voyante. En effet, certaines aides techniques permettent d’extraire et de lire la liste des liens de la page. faut-il que leurs intitulés soient clairs…

Il faudra donc rédiger des intitulés explicites, sans oublier d’avertir l’internaute des comportements atypiques.

L’intitulé de chaque lien doit être explicite

Autant que possible, l’intitulé des liens doit être explicite. C’est-à-dire que la destination du lien et son rôle doit être parfaitement compréhensible à la lecture du seul intitulé.

Les intitulés de liens suivants, trop flous, sont donc à éviter :

« Lire la suite »

« En savoir plus »

« Cliquez ici »

(etc.)

Pour rédiger des intitulés explicites, il faut imaginer que les intitulés sont extraits de la page et lus en dehors de tout contexte. Restent-ils compréhensibles ? Permettent-ils de se faire une idée du contenu de la page de destination ou de l’action à effectuer ?

« Cliquez ici » ou « là » est tout sauf un bon intitulé de lien car cela n'indique absolument rien sur la cible du lien. À l'opposé, utiliser un paragraphe complet (comme il est courant sur certains sites) apporte cette fois trop d'informations et est à proscrire également.

Ne pas confondre intitulé et infobulle

Qu’est-ce que l’intitulé du lien ? Ce n’est pas le texte qui s’affiche parfois en infobulle, mais bien le texte constituant le lien :

    <a href="url">intitulé</a>
    

à ne pas confondre avec :

    <a href="url" title="titre du lien">intitulé</a>
    

Le titre de lien s’affiche en infobulle, au-dessus du lien lorsqu’on le survole, uniquement sur les ordinateurs de bureau — mais pas sur les terminaux tactiles où le survol n’existe pas. Un nombre important d’utilisateurs ne bénéficie pas des infobulles.

Les aides techniques restituent soit l’un, soit l’autre, ou les deux. C’est pourquoi le titre de lien doit contenir l’intitulé, à l’identique, au moins, augmenté d’une information complémentaire, afin qu’il n’y ait pas de déperdition d’information par les synthèses vocales.

Les comportements particuliers doivent être signalés

Les liens ayant un comportement particulier doivent être signalés comme tels : ouverture d’une nouvelle fenêtre, téléchargement d’un fichier, etc.

2.1 Liens provoquant l'ouverture d'une nouvelle fenêtre

Lorsqu'une nouvelle fenêtre s'ouvre les lecteurs d'écran se focalisent automatiquement sur cette fenêtre. Dans un contexte où un lien ouvre une nouvelle fenêtre, les utilisateurs n'ont pas conscience de la cohabitation des différentes fenêtres et peuvent donc être désorientés. Un avertissement préalable aux nouvelles fenêtres permet de résoudre ce problème.

Il faut indiquer explicitement, dans l’intitulé, que le lien ouvre une nouvelle fenêtre :

        <a href="http://www.cned.fr" target="_blank">CNED (nouvelle fenêtre)</a>
    

Il est aussi possible de l’indiquer en infobulle. Dans ce cas, le titre de lien (infobulle) doit reprendre exactement l’intitulé du lien, augmenté de la mention explicite de l’ouverture d’une nouvelle fenêtre. Par exemple :

        <a href="http://www.cned.fr" target="_blank" title="CNED (nouvelle fenêtre)">CNED</a>
    

Liens provoquant le téléchargement d'un fichier

Les utilisateurs doivent être informés des formats, des poids et des langues des fichiers en téléchargement afin de pouvoir configurer préalablement leurs matériels pour pouvoir consulter et exploiter ces fichiers.

Il faut indiquer explicitement, dans l’intitulé, le poids et format du fichier en téléchargement :

        <a href="http://www.cned.fr/catalogue-formation.pdf" download>Catalogue des formations du CNED (PDF, 3.5 Mo)</a>
    

Il est aussi possible de l’indiquer en infobulle. Dans le cas, le titre de lien (infobulle) doit reprendre exactement l’intitulé du lien, augmenté de la mention explicite du poids et format de fichier. Par exemple :

    <a href="http://www.cned.fr/catalogue-formation.pdf" download title=”Catalogue des formations du CNED (PDF, 3.5 Mo)”>Catalogue des formations du CNED</a>

< Précédent | Suivant >