Accessibilité des liens Web : introduction
![]() |
|
Imprimer
|
Envoyer
|
Partager
|
Avertissement : la version originale de ce document est Web Links and Hypertext : introduction. Cette traduction en français a été réalisée par Ideose dans le cadre d’un accord entre WebAIM et Ideose.
Note : consulter la page Documents sur l’accessibilité du Web pour obtenir la liste de tous les documents déjà traduits. D’autres ressources sur l’accessibilité du Web sont également listées dans le Portail du numérique accessible.
Sommaire
- Vous êtes sur la Page 1 : Introduction
- Vue d’ensemble
- L’accessibilité des liens au clavier
- Les lecteurs d’écrans et les liens
- Les lecteurs d’écrans informent les utilisateurs qu’une partie du texte (ou de l’image) est un lien
- Les utilisateurs de lecteurs d’écran naviguent souvent de lien en lien, sautant le texte se trouvant entre les liens
- Les utilisateurs de lecteurs d’écran obtiennent parfois une liste de liens classés alphabétiquement
- Page 2 : Créer des liens texte accessibles
- Page 3 : Créer des liens HyperTexte accessibles
Vue d’ensemble
Le lien HyperTexte est un des éléments de base du HTML comme son nom l’indique (HTML signifie HyperText Markup Language). En tant que tel, faire des liens HyperTexte accessibles est l’un des aspects les plus fondamentaux et les plus importants de l’accessibilité du Web. La plupart du temps, il s’agit d’une tâche facile. Les liens HyperTextes standards fonctionnent avec toutes les technologies et les plates-formes. Les utilisateurs de tous niveaux peuvent y accéder, directement ou par l’utilisation d’une technologie d’assistance. Mais comme on peut s’y attendre, l’accessibilité des liens HyperTexte ne consiste pas simplement à créer un lien. Certains types de liens sont plus accessibles que d’autres, et certains types de liens sont totalement inaccessibles pour les personnes avec certains types de handicap. Parce que les liens sont si essentiels au fonctionnement des contenus Web, les liens inaccessibles sont l’une des barrières les plus graves à l’accessibilité générale.
L’accessibilité des liens au clavier
Les utilisateurs doivent être en mesure de naviguer et de sélectionner chaque lien en utilisant le clavier seul. Dans la plupart des navigateurs, la touche Tab permet de passer de lien en lien, et la touche Entrée permet aux utilisateurs d’activer un lien. Si le seul moyen d’accéder à un lien est avec une souris alors le lien est inutilisable pour les personnes qui ne peuvent pas utiliser une souris. Comment est-il possible de créer un lien qui soit inaccessible au clavier ? La méthode la plus commune est d’utiliser les gestionnaires d’événements JavaScript qui ne permettent pas l’accès clavier (lire le document sur les gestionnaires d’événements Javascript). Dans les autres moyens de rendre les liens inaccessibles aux utilisateurs utilisant le clavier, il y a le fait d’utiliser des technologies non HTML, telles que Flash ou Java, pour créer des liens dans un document HTML. Les technologies Java et Flash peuvent être rendues accessibles, mais seulement si le développeur les utilise avec un souci d’accessibilité. Globalement, la création de liens HTML accessibles est plus facile et plus simple que de créer des liens accessibles avec d’autres technologies.
L’une des barrières les plus importantes est de créer des liens qui vont nulle part. Les développeurs ont parfois recours à du JavaScript pour créer des menus dynamiques qui se déroulent quand l’utilisateur survole certains liens avec la souris. Dans certains cas, le lien lui-même ne mène nulle part. Son seul but est d’afficher les liens du menu déroulant, qui eux ont de véritables destinations. Ce type de liens a souvent comme destination un dièse (#), ce qui signifie que la destination du lien est dans la même page. Cliquer sur ce lien n’entraîne aucune action. Les utilisateurs utilisant le clavier et ceux utilisant la souris n’obtiendront rien en cliquant sur ce lien.
Mauvais exemple
Le lien dans cet exemple ne va nulle part. Son seul objectif est d’activer une fonction JavaScript.
Les utilisateurs utilisant la souris pourront au moins cliquer sur les liens dans le menu déroulant, mais les utilisateurs utilisant le clavier ne pourront pas accéder au menu déroulant. Par conséquent, le lien est totalement inutile et toutes les destinations de liens du menu déroulant sont complètement inaccessibles. Une solution consiste à abandonner le menu déroulant et à utiliser à la place des liens hypertextes. Une autre solution est de définir une véritable destination de lien (par exemple, href="products.htm") qui listerait les mêmes liens qui sont disponibles via le menu déroulant. Pour plus d’informations, voir l’exemple 2 du paragraphe « onMouseOver et onMouseOut« dans le document sur les gestionnaires d’événements Javascript.
Les lecteurs d’écrans et les liens
Les personnes qui utilisent des lecteurs d’écran pour accéder au Web ont le plus souvent recours à leur clavier plutôt qu’à la souris. Par conséquent, l’accessibilité au clavier est une première étape importante pour rendre accessible les liens HyperTexte aux utilisateurs de lecteurs d’écran. Au-delà des aspects de base de l’accessibilité au clavier, cela permet de savoir comment les utilisateurs de lecteurs d’écran accèdent aux liens.
Les lecteurs d’écrans informent les utilisateurs qu’une partie du texte (ou de l’image) est un lien
JAWS dit « lien » avant chaque lien. Par exemple, un lien qui dit « les produits » serait lu comme « lien les produits » par JAWS. IBM Home Page Reader modifie sa voix. Une voix d’homme lit les contenus texte alors que c’est une voix féminine qui lit les liens texte.
Conséquence : il n’y a pas besoin d’écrire « lien » dans le texte du lien. Tous les utilisateurs savent déjà que le lien est un lien. La question se pose plus pour les images utilisées comme liens. Il n’y a pas besoin d’écrire « lien » ou « lien vers » dans le alt texte d’une image. Sinon, les utilisateurs de JAWS entendront « lien graphique lien vers les produits », ce qui est redondant.
Les utilisateurs de lecteurs d’écran naviguent souvent de lien en lien, sautant le texte se trouvant entre les liens
Tabuler de lien en lien est une manière de consulter du contenu Web, en particulier si les utilisateurs essayent de trouver une section particulière d’un site Web.
Conséquence 1 : les liens doivent avoir du sens hors de leur contexte. Les expressions telles que « cliquez ici », « plus », « cliquez pour plus de détails » et ainsi de suite sont presque totalement vides de sens lorsqu’elles sont lues hors contexte. En même temps, il serait excessif de trop détailler le lien dans le but que sa destination soit parfaitement discernable en l’écoutant hors contexte. Les utilisateurs ne voudrait pas entendre « Page des produits sur laquelle une liste de tous nos produits sont présentés, y compris les logiciels et produits de formation, avec une liste des prix et la disponibilité par région (cette page utilise le même modèle de navigation que la page où vous êtes maintenant) ». Peut-être qu’une meilleure solution serait un lien qui dit simplement « Produits ».
Conséquence 2 : mettez l’information spécifique au lien au début. Ne mettez pas d’informations non spécifiques au début du lien mais en fin de lien. Par exemple, n’écrivez pas « lien qui s’ouvre dans une nouvelle fenêtre : Produits ». En revanche, écrivez « Produits (s’ouvre dans une nouvelle fenêtre) » ou quelque chose de ce style. C’est particulièrement important dans cet exemple, si plusieurs liens de la même page Web s’ouvrent dans une nouvelle fenêtre. Avec les informations de positionnement en première place au lieu de l’information spécifique, les utilisateurs de lecteurs d’écran devront écouter l’expression « lien s’ouvre dans une nouvelle fenêtre » de nombreuses fois. Ils auront plus de difficultés à distinguer les différents liens, ou du moins ils leur faudra plus de temps.
Les utilisateurs de lecteurs d’écran obtiennent parfois une liste de liens classés alphabétiquement
Les lecteurs d’écran permettent aux utilisateurs d’afficher les liens d’une page Web dans une liste organisée par ordre alphabétique. Ils utilisent un raccourci clavier dans leur lecteur d’écran pour cela. Ceci est particulièrement utile s’ils connaissent la première lettre du lien qu’ils cherchent.
Conséquence : utilisez comme liens des mots et des phrases qui peuvent être organisés de façon intuitive dans l’ordre alphabétique. Par exemple, la phrase « nous contacter » apparaît de manière classique sur beaucoup de sites Web et peut donc être le lien recherché par les utilisateurs. Si le lien dit « vous pouvez nous contacter » ou « comment nous contacter » ou une autre phrase, qui est moins intuitive que la première citée (car moins utilisée), alors les utilisateurs peuvent avoir plus de difficultés à trouver le lien.
Lire aussi :
Ressources WebAIM
Ressources extérieures
WebAIM est une initiative de :
![]()
Copyright 1999-2009 WebAIM
































S'abonner au blog Ideose
