Attribut de clé d'accès HTML


Définition et utilisation

L'attribut accesskey spécifie une touche de raccourci pour activer/concentrer un élément.

Remarque : La manière d'accéder à la touche de raccourci varie selon les navigateurs : 

Browser Windows Linux Mac
Internet Explorer [Alt] + accesskey N/A
Chrome [Alt] + accesskey [Alt] + accesskey [Control] [Alt] + accesskey
Firefox [Alt] [Shift] + accesskey [Alt] [Shift] + accesskey [Control] [Alt] + accesskey
Safari [Alt] + accesskey N/A [Control] [Alt] + accesskey
Opera Opera 15 or newer: [Alt] + accesskey
Opera 12.1 or older: [Shift] [Esc] + accesskey

Cependant, dans la plupart des navigateurs, le raccourci peut être défini sur une autre combinaison de touches.

Astuce : Si plusieurs éléments ont la même clé d'accès, le comportement diffère :

  • IE, Firefox : l'élément suivant avec la touche d'accès enfoncée sera activé
  • Chrome, Safari : le dernier élément avec la touche d'accès enfoncée sera activé
  • Opera : le premier élément avec la touche d'accès enfoncée sera activé

S'applique à

La clé d'accès fait partie des attributs globaux et peut être utilisée sur n'importe quel élément HTML.

Élément Attribut
Tous les éléments HTML clef d'accès

Exemple

Deux hyperliens avec des clés d'accès spécifiées :

<a href="https://www.w3schools.com/html5" accesskey="h">HTML5</a><br>
<a href="https://www.w3schools.com/css3" accesskey="c">CSS3</a>

Prise en charge du navigateur

Attribute
accesskey Yes Yes Yes Yes Yes