L'attribut universel accesskey fournit une indication afin de générer un raccourci clavier pour l'élément courant. La valeur de cet attribut est une liste de caractères (un caractère étant ici un seul point de code Unicode) séparés par des espaces. Le navigateur utilisera le premier caractère qui est disponible selon la disposition du clavier utilisée.

La combinaison de touches utilisée pour le raccourci clavier dépend du navigateur et du système d'exploitation utilisés.

Note : La spécification WHATWG indique qu'il est possible d'indiquer des caractères séparés par plusieurs espaces, auquel cas le navigateur considèrera le premier qu'il prend en charge. Toutefois, cela ne fonctionne pas dans la plupart des navigateurs. Pour IE/Edge, c'est la première valeur prise en charge qui sera utilisée si celle-ci n'entre pas en conflit avec d'autres commandes.

  Windows Linux Mac
Firefox Alt + Shift + touche

Pour Firefox 57 et les versions ultérieures : Control + Option + touche ou Control + Alt + touche
Pour Firefox 14 et les versions ultérieures : Control + Alt + touche
Pour Firefox 13 et les versions antérieures : Control + touche

Internet Explorer Alt + touche N/A
Google Chrome Alt + touche Control + Alt + touche
Safari Alt + touche N/A Control + Alt + touche
Opera 15+ Alt + key Control + Alt + key
Opera 12 Shift + Esc ouvre une liste de contenu accessible via la touche accesskey, on peut alors ensuite choisir l'élément voulu grâce la touche touche

Note : Dans Firefox, via les préférences utilisateur, on peut personnaliser les touches formant la combinaison.

Accessibilité

Au-delà de la prise en charge limitée des navigateurs, accesskey pose plusieurs problèmes :

  • Un raccourci défini avec accesskey peut rentrer en conflit avec un raccourci du système ou du navigateur, voire avec un raccourci d'un outil d'assistance. Les raccourcis pouvant être différents entre les navigateurs, systèmes d'exploitation et les outils, il n'est pas certain qu'une combinaison qui fonctionne dans un cas puisse fonctionner partout.
  • Certains raccourcis définis avec accesskey peuvent ne pas être utilisés avec certains claviers, notamment lorsqu'on doit prendre en compte l'internationalisation.
  • Les raccourcis définis avec accesskey qui utilisent un nombre peuvent être source de confusion pour les personnes souffrant de problèmes cognitifs si le nombre n'a pas d'association logique avec la fonctionnalité déclenchée par le raccourci.
  • Il est nécessaire d'informer l'utilisateur qu'un raccourci est présent afin que celui-ci puisse être conscient de cette fonctionnalité. Sans méthode d'information, l'utilisateur pourra accidentellement déclencher les raccourcis définis avec accesskey.

Étant donné ces raisons, il est généralement conseillé de ne pas utiliser accesskey pour les sites web et applications généralistes.

Spécifications

Spécification État Commentaires
HTML 5.2
La définition de 'accesskey' dans cette spécification.
Recommendation Un comportement plus réaliste est défini et correspond à ce qui est réellement implémenté.
HTML Living Standard
La définition de 'accesskey' dans cette spécification.
Standard évolutif Aucune modification depuis HTML 5.1
HTML 5.1
La définition de 'accesskey' dans cette spécification.
Recommendation Aucune modification depuis HTML5
HTML5
La définition de 'accesskey' dans cette spécification.
Recommendation Plusieurs caractères peuvent être définis via cet attribut depuis HTML 4.01 Specification. Cet attribut peut désormais être défini sur n'importe quel élément.
HTML 4.01 Specification
La définition de 'accesskey' dans cette spécification.
Recommendation L'attribut est uniquement pris en charge par <a>, <area>, <button>, <input>, <label>, <legend> et <textarea>.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Support complet OuiEdge Support complet OuiFirefox Support complet OuiIE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet OuiOpera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui

Légende

Support complet  
Support complet

Voir aussi

Étiquettes et contributeurs liés au document

Contributeurs à cette page : SphinxKnight, Goofy, guillaumev
Dernière mise à jour par : SphinxKnight,