W3docs
fr
Se connecter

Attribut accesskey HTML

The accesskey attribute is a global attribute and specifies a shortcut key for activating a specific element. Read and find out on what elements you can use it.

L'attribut accesskey HTML est un attribut global qui spécifie une touche de raccourci pour activer ou mettre le focus sur un élément spécifique. La valeur de l'attribut doit être composée d'un ou plusieurs caractères imprimables (seul le premier est utilisé).

En HTML 4.1, l'attribut accesskey ne peut être utilisé qu'avec les éléments suivants : <a>, <area>, <button>, <input>, <label>, <legend> et <textarea>.

En HTML5, cet attribut peut être utilisé avec n'importe quel élément.

Le déclenchement du raccourci varie selon le navigateur.

Lorsqu'il y a plusieurs éléments partageant le même accesskey, les navigateurs modernes font généralement défiler les éléments.

Outre une prise en charge limitée par les navigateurs, l'attribut accesskey soulève d'autres préoccupations :

  • Une valeur accesskey peut poser des problèmes liés au fonctionnement des technologies d'assistance ou aux raccourcis clavier du système et du navigateur.
  • Certaines valeurs accesskey peuvent manquer sur certains claviers, en particulier dans un contexte d'internationalisation.
  • Une valeur accesskey composée de chiffres peut être peu claire pour les personnes ayant des troubles cognitifs.
  • L'utilisation de accesskey peut interférer avec l'ordre de tabulation naturel et la gestion du focus.

danger

Pour ces raisons, il est recommandé de ne pas utiliser accesskey pour les sites web et applications web polyvalents.

Syntaxe

Syntaxe de l'attribut accesskey HTML

<tag accesskey="single_character">&lt;/tag&gt;

Exemple de l'attribut accesskey HTML :

Exemple de l'attribut HTML <span class="attribute">"accesskey "</span>

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <a href="https://www.w3docs.com/learn-html.html" accesskey="h">HTMLonline tutorial</a>
    <br />
    <a href="https://www.w3docs.com/learn-css.html" accesskey="c">CSS online tutorial</a>
    <br />
    <a href="https://www.w3docs.com/learn-git.html" accesskey="g">GIT online tutorial</a>
    <br />
    <p>Chrome, Safari, Opera 15+: [ALT] + <strong>accesskey</strong></p>
    <p>Firefox: [ALT] [SHIFT] + <strong>accesskey</strong></p>
    <p>Opera prior version 15: [SHIFT] [ESC] + <strong>accesskey</strong></p>
    <p>macOS: [Ctrl] [Option] + <strong>accesskey</strong></p>
  </body>
</html>
Essayez vous-même »

Pratique

Pratique

Quelle affirmation est vraie concernant l'attribut accesskey HTML ?