SELFHTML

Recherche tabulateur et raccourcis clavier pour les liens

Page d'information: vue d'ensemble

vers le bas Recherche tabulateur pour les liens
vers le bas Raccourcis clavier pour les liens

 vers le bas 

HTML 4.0XHTML 1.0MSIE 4.0Netscape 6.0 Recherche tabulateur pour les liens

Les navigateurs plus modernes, permettent grâce à la touche tabulateur du clavier de passer d'un lien à l'autre dans un fichier HTML (avec la touche "Entrée", le lien peut alors être exécuté).

En principe, il est passé d'un lien à l'autre dans l'ordre dans lequel ils sont définis dans le fichier. Vous pouvez cependant en HTML spécifier un autre ordre, par exemple de proposer d'abord les liens du projet et ensuite seulement les liens à d'autres pages Web.

Exemple:

Démonstration - nouvelle fenêtre Exemple d'affichage: aperçu

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Texte du titre</title>
</head>
<body>

<h1>Parcourez donc avec [Tab] </h1>

<p>
<a href="http://french.imdb.com/" tabindex="4">Base de données de films sur Internet</a><br>
<a href="http://www.chart-lyrics.com/" tabindex="2">Chart Lyrics</a><br>
<a href="http://www.maville.fr/" tabindex="1">Ma ville</a><br>
<a href="http://www.infonie.fr/" tabindex="3">Infonie</a>
</p>

</body>
</html>

Explication:

Avec l'attribut tabindex= dans le repère d'ouverture du lien, vous pouvez faire mention de l'ordre de recherche par tabulateur. Notez la mention pour tous les liens et attribuez lui un nombre. En passant d'un lien à l'autre avec la touche de tabulation, le premier lien sera celui avec le plus petit numéro de tabindex, puis le deuxième plus petit etc... et à la fin celui avec le plus grand numéro tabindex. Dans l'exemple ci-dessus le tabulateur passera d'abord au troisième lien, puis au deuxième, puis au quatrième et enfin au premier.

Les nombres compris entre 0 et 32767 sont permis.

Attention:

Les tabindex se rapportent toujours au fichier affiché complet. Y seront inclus également les Chapitre: vue d'ensemble formulaires, le Autre page d'information passage de lien dans les graphiques composés de liens et les Autre page d'information objets. Si, dans votre fichier, en plus de liens normaux, vous avez aussi de tels éléments, vous devez spécifier l'ordre de recherche par tabulateur pour tous les éléments. voir aussi Autre page d'information recherche par tabulateur, raccourcis clavier et mise en grisé.

 vers le hautvers le bas 

HTML 4.0XHTML 1.0MSIE 5.0Netscape 6.0 Raccourcis clavier pour les liens

Vous pouvez proposer à l'utilisateur de passer à un lien déterminé en appuyant sur une touche. Le lien est ainsi choisi - il peut ensuite être exécuté avec la touche "Entrée".

Exemple:

Démonstration - nouvelle fenêtre Exemple d'affichage: aperçu

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Texte du titre</title>
</head>
<body>

<h1>Mettez vous sur la touche!</h1>

<p>
<a href="http://actuel.fr.selfhtml.org" accesskey="t">SELFHTML</a> [Alt]+[t]<br>
<a href="http://www.ac-toulouse.fr/philosophie/listesdediscussion.htm" accesskey="p">Liste des discussions en philosophie</a> [Alt]+[p]<br>
<a href="http://www.willy-online.de/" accesskey="w">Willy online</a> [Alt]+[w]
</p>

</body>
</html>

Explication:

Avec l'attribut accesskey= dans le repère d'ouverture du lien vous pouvez déterminer un signe sur le clavier que l'utilisateur doit appuyer pour passer directement au lien choisi (accesskey = touche d'accès). Chez la plupart des navigateurs, tout est réglé de façon à ce que vous puissiez mentionner une lettre pour accesskey=, lettre qui sera ensuite actionnée en même temps que la touche [Alt] pour accéder au lien.

Attention:

Utilisez les touches qui peuvent être trouvées sur tous les claviers. Les touches de fonction par exemple telles qu'on les trouve sur les claviers MF II pour MS Windows, ne peuvent être choisies avec cette mention.

Attirez l'attention de l'utilisateur dans le texte sur la possibilité d'un raccourci clavier. Utilisez ensuite des touches d'accès homogènes, par exemple sur chaque page la touche h pour revenir à la page d'accueil.

 vers le haut
page suivante Autre page d'information Incorporer des graphiques
page précédente Autre page d'information Liens standard
 

© 2001 Stefan Münz / © 2003 Traduction Adresse électronique Serge François, 13405@free.fr
Adresse électronique selfhtml@fr.selfhtml.org