L'attribut global accesskey peut spécifier un ou plusieurs raccourcis clavier qui permettront de sélectionner l'élément sur la page.
Le code suivant montre l'utilisation de cet attribut dans un simple formulaire HTML.
<input type="text" name="name" accesskey="n"/>
<input type="password" name="password" accesskey="p"/>
<input type="submit" value="Log In" accesskey="s"/>
Nom :
Mot de passe :
Dans cet exemple, j'ai ajouté l'attribut accesskey à trois éléments de formulaire.
L'idée est de permettre aux utilisateurs réguliers d'une page ou d'un site d'utiliser des raccourcis clavier pour se déplacer entre les éléments couramment utilisés.
La combinaison de touches requise pour déclencher le paramètre accesskey diffère selon les plateformes.
Pour Windows, il s'agit d'appuyer simultanément sur la touche Alt et la valeur de l'accesskey.
Nous pouvons appuyer sur Alt+n pour nous focaliser sur le premier champ de saisie et entrer un nom.
Puis appuyer sur Alt+p pour se focaliser sur le deuxième champ de saisie et saisir un mot de passe.
Alt+s permet d'appuyer sur le bouton Connexion, ce qui soumet le formulaire.
Compatibilité avec les différents navigateurs
L'attribut accesskey est compatible avec les navigateurs suivants :
- Chrome
- Firefox
- Microsoft Edge
- Opera
- Safari
