Atributo accesskey de HTML

El atributo accesskey de HTML es un atributo global que especifica una tecla de acceso directo para activar o enfocar un elemento específico. El valor del atributo debe constar de uno o más caracteres imprimibles (solo se utiliza el primero).

En HTML 4.1, el atributo accesskey solo se puede utilizar con los siguientes elementos: <a>, <area>, <button>, <input>, <label>, <legend> y <textarea>.

En HTML5, este atributo se puede utilizar con cualquier elemento.

La forma de activar el acceso directo varía según el navegador.

Cuando hay más de un elemento con el mismo accesskey, los navegadores modernos suelen alternar entre ellos.

Además de la escasa compatibilidad con los navegadores, existen otras preocupaciones respecto al atributo accesskey:

Un valor de accesskey puede causar problemas relacionados con la funcionalidad de tecnologías de asistencia o con atajos de teclado del sistema y del navegador.
Algunos valores de accesskey pueden faltar en ciertos teclados, especialmente en casos de internacionalización.
Un valor de accesskey compuesto por números puede resultar poco claro para personas con dificultades cognitivas.
El uso de accesskey puede interferir con el orden natural de tabulación y la gestión del enfoque.

peligro
Por estas razones, se recomienda no utilizar accesskey en sitios web y aplicaciones web de propósito general.

Sintaxis

Sintaxis del atributo accesskey de HTML

html

<tag accesskey="single_character">&lt;/tag&gt;

Ejemplo del atributo accesskey de HTML:

Ejemplo del atributo HTML "accesskey "

html

<!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>

Try it Yourself »

Practice

¿Qué es cierto sobre el atributo accesskey de HTML?

Proporciona una tecla de acceso directo para activar/enfocar un elementoEs un atributo obsoleto y no debería usarse en HTMLSe puede usar en cualquier elemento HTMLNo funciona en Internet ExplorerSolo se puede usar con elementos de formulario y enlacesSu uso puede entrar en conflicto con los atajos propios del navegador

Atributo accesskey de HTML ​

Sintaxis ​

Ejemplo del atributo accesskey de HTML: ​

Practice ​

Atributo accesskey de HTML

Sintaxis

Ejemplo del atributo accesskey de HTML:

Practice