Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
accesskey
Baseline Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
L'attribut universelaccesskey 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.
Dans cet article
Exemple interactif
<p>If you need to relax, press the <b>S</b>tress reliever!</p><button accesskey="s">Stress reliever</button>b { text-decoration: underline;}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 ouControl +Alt +touche | |
| Edge | Alt +touche | N/A | |
| 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 toucheaccesskey, on peut alors ensuite choisir l'élément voulu grâce la touchetouche | ||
Accessibilité
Au-delà de la prise en charge limitée des navigateurs,accesskey pose plusieurs problèmes :
- Un raccourci défini avec
accesskeypeut 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
accesskeypeuvent ne pas être utilisés avec certains claviers, notamment lorsqu'on doit prendre en compte l'internationalisation. - Les raccourcis définis avec
accesskeyqui 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 utiliseraccesskey pour les sites web et applications généralistes.
Spécifications
| Specification |
|---|
| HTML> # the-accesskey-attribute> |