Aller au contenu

Attribut accesskey HTML

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

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

Exemple de l'attribut accesskey HTML :

Exemple de l'attribut HTML "accesskey "

html
<!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>

Pratique

Quelle affirmation est vraie concernant l'attribut accesskey HTML ?

Trouvez-vous cela utile?

Aperçu dual-run — comparez avec les routes Symfony en production.