Atributo de chave de acesso HTML


Definição e uso

O atributo accesskey especifica uma tecla de atalho para ativar/focar um elemento.

Nota: A maneira de acessar a tecla de atalho varia em 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

No entanto, na maioria dos navegadores, o atalho pode ser definido para outra combinação de teclas.

Dica: O comportamento se mais de um elemento tiver a mesma chave de acesso é diferente:

  • IE, Firefox: O próximo elemento com a tecla de acesso pressionada será ativado
  • Chrome, Safari: O último elemento com a tecla de acesso pressionada será ativado
  • Opera: O primeiro elemento com a tecla de acesso pressionada será ativado

Aplica-se a

A chave de acesso faz parte dos Atributos Globais e pode ser usada em qualquer elemento HTML.

Elemento Atributo
Todos os elementos HTML chave de acesso

Exemplo

Dois hiperlinks com teclas de acesso especificadas:

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

Suporte ao navegador

Attribute
accesskey Yes Yes Yes Yes Yes