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
accesskeypeut poser des problèmes liés au fonctionnement des technologies d'assistance ou aux raccourcis clavier du système et du navigateur. - Certaines valeurs
accesskeypeuvent manquer sur certains claviers, en particulier dans un contexte d'internationalisation. - Une valeur
accesskeycomposée de chiffres peut être peu claire pour les personnes ayant des troubles cognitifs. - L'utilisation de
accesskeypeut 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
<tag accesskey="single_character"></tag>Exemple de l'attribut accesskey HTML :
Exemple de l'attribut HTML "accesskey "
<!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 ?