Atributo de clave de acceso HTML


Definición y uso

El atributo accesskey especifica una tecla de atajo para activar/enfocar un elemento.

Nota: La forma de acceder a la tecla de acceso directo varía en diferentes navegadores: 

Browser Windows Linux Mac
Internet Explorer [Alt] + accesskey N/A
Chrome [Alt] + accesskey [Alt] + accesskey [Control] [Alt] + accesskey
Firefox [Alt] [Shift] + accesskey [Alt] [Shift] + accesskey [Control] [Alt] + accesskey
Safari [Alt] + accesskey N/A [Control] [Alt] + accesskey
Opera Opera 15 or newer: [Alt] + accesskey
Opera 12.1 or older: [Shift] [Esc] + accesskey

Sin embargo, en la mayoría de los navegadores, el acceso directo se puede configurar con otra combinación de teclas.

Sugerencia: el comportamiento si más de un elemento tiene la misma clave de acceso es diferente:

  • IE, Firefox: Se activará el siguiente elemento con la tecla de acceso presionada
  • Chrome, Safari: Se activará el último elemento con la tecla de acceso pulsada
  • Opera: Se activará el primer elemento con la tecla de acceso pulsada

Se aplica a

La clave de acceso es parte de los atributos globales y se puede usar en cualquier elemento HTML.

Elemento Atributo
Todos los elementos HTML llave de acceso

Ejemplo

Dos hipervínculos con claves de acceso especificadas:

<a href="https://www.w3schools.com/html5" accesskey="h">HTML5</a><br>
<a href="https://www.w3schools.com/css3" accesskey="c">CSS3</a>

Compatibilidad con navegador

Attribute
accesskey Yes Yes Yes Yes Yes