Back to the original French page Read this page in Italian by Google Translation Read this page in Portuguese by Google Translation Read this page in English by Google Translation Read this page in German by Google Translation Read this page in Spanish by Google Translation Read this page in Arabic by Google Translation Read this page in Hebrew by Google Translation

Accessibilité des liens Web : introduction

Aller au début du contenu sans utiliser la barre Consultation et Partage Mode d'emploi de la barre Consultation et Partage Ecoutez le contenu principal de cette page
Imprimer Imprimer le contenu principal de cette page Envoyer Envoyer par courriel le contenu principal de cette page Partager Partager cette page sur TwitThis Partager cette page sur Facebook Partager cette page sur Wikio Partager cette page sur Google Partager cette page sur LinkedIn Partager cette page sur Digg Partager cette page sur del.icio.us Partager cette page sur Netvibes

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.

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.

<a href= »# » onmouseover= »dropdownmenu() »>Products</a>

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.

WebAIM est une initiative de :
Center for Persons with Disabilities (CPD) Utah State University

Copyright 1999-2009 WebAIM

Haut de la page