Attribut HTML universel : 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 universel accesskey indique un raccourci clavier possible pour l'élément courant. La valeur de l'attribut doit être un seul caractère imprimable (ce qui inclut les caractères accentués et autres caractères pouvant être générés par le clavier).
Exemple interactif
<p>
Si vous avez besoin de vous détendre, appuyez sur le <b>S</b>oulagement !
</p>
<button accesskey="s">Soulagement</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 :
| Windows | Linux | Mac | |
|---|---|---|---|
| Firefox | Alt + Majuscule + touche | Control + Option + touche ou Control + Alt + touche | |
| MS Edge | Alt + touche |
Control + Option + touche ou Control + Option + Shift + touche |
Control + Option + touche |
| Google Chrome | |||
| Safari | n/a | Control + Option + touche | |
| Opera | Alt + touche | Control + Alt + touche | |
Accessibilité
Plusieurs problèmes se posent concernant l'attribut accesskey :
- La valeur d'un
accesskeypeut entrer en conflit avec un raccourci clavier du système, du navigateur ou avec des fonctionnalités des technologies d'assistance. Ce qui fonctionne pour une combinaison donnée (système d'exploitation, technologie d'assistance et navigateur) peut ne pas fonctionner pour d'autres combinaisons. - Certaines valeurs de
accesskeypeuvent être absentes de certains claviers, notamment lorsque l'internationalisation est en jeu. S'adapter à des langues spécifiques peut donc engendrer d'autres problèmes. - Les valeurs de
accesskeyreposant sur des chiffres peuvent être déroutantes pour les personnes présentant des troubles cognitifs, lorsqu'il n'existe pas d'association logique entre le chiffre et la fonctionnalité déclenchée. - Il est nécessaire d'informer l'utilisateur·ice de la présence de
accesskeyafin qu'il·elle en soit conscient·e de cette fonctionnalité. Si le système ne dispose d'aucun moyen d'indiquer cela, l'utilisateur·ice risque d'activer accidentellement desaccesskey.
Pour ces raisons, il est généralement recommandé de ne pas utiliser accesskey pour la plupart des sites web et applications à usage général.
Spécifications
| Specification |
|---|
| HTML # the-accesskey-attribute |
Compatibilité des navigateurs
Voir aussi
- La propriété
HTMLElement.accessKey - La propriété
HTMLElement.accessKeyLabel - Les différents attributs universels
- L'attribut ARIA
aria-keyshortcuts