Atributos: Atajos de teclado (accesskey)
En HTML es posible añadir el atributo accesskey para indicar un atajo de teclado que puede pulsar el usuario para activar ese elemento.
En el siguiente ejemplo, tenemos 4 elementos: dos campos de texto, un enlace y un botón. Cada uno de ellos tiene su atributo accesskey para cuando el usuario pulse ALT + tecla, se active ese elemento:
1
2
3
4
5
6
7
8
9
10
<form>
<!-- Campo de texto -->
<input accesskey="N" placeholder="Campo 1 (ALT+N)" />
<!-- Campo de texto -->
<input accesskey="A" placeholder="Campo 2 (ALT+A)" />
<!-- Enlace HTML -->
<a accesskey="L" href="#">Enlace (ALT+L)</a>
<!-- Botón HTML -->
<button accesskey="B">Botón (ALT+B)</button>
</form>
De esta forma, si pulsamos ALT + N, se colocará el foco en el primer campo de texto, si pulsas ALT + L será como si hubieras pulsado el enlace con el mouse y si pulsas ALT + B se pulsará el botón.
Sin embargo, una de las desventajas de este sistema, es que no está demasiado unificado entre navegadores y sistemas. Por ejemplo, si establecemos un atajo con la tecla A, es decir, con el atributo accesskey, tendríamos que pulsar las siguientes combinaciones de teclas:
| Navegador | Plataforma Windows | Plataforma Linux | Plataforma Mac |
|---|---|---|---|
| Chrome | ALT + A | ALT + A | CTRL + ALT + A |
| Firefox | ALT + SHIFT + A | ALT + SHIFT + A | CTRL + SHIFT + A |
| Safari | No aplicable | No aplicable | CTRL + ALT + A |
| Opera | ALT + A | ALT + A | CTRL + ALT + A |
Esto hace que la combinación de teclas, para un usuario poco familiarizado con el proceso, sumada a la incertidumbre de no saber qué navegador se va a utilizar, haga que este procedimiento resulte poco práctico.