accesskey
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Please take two minutes to fill out our short survey.
O atributo global accesskey fornece uma dica para gerar um atalho de teclado no elemento atual. O valor do atributo deve consistir em um único caracter imprimível (que inclui caracteres acentuados e outros caracteres que podem ser gerados pelo teclado).
Experimente
<p>If you need to relax, press the <b>S</b>tress reliever!</p>
<button accesskey="s">Stress reliever</button>
b {
text-decoration: underline;
}
Nota: Na especificação do WHATWG, diz que você pode especificar vários caracteres separados por espaço, e o navegador usará primeiro o que ele suportar. No entanto, isso não funciona na maioria dos browsers. O IE/Edge usa o primeiro que ele suporta sem problemas, desde que não haja conflitos com outros comandos.
A maneira de ativar a tecla de acesso depende do navegador e de sua plataforma:
| Windows | Linux | Mac | |
|---|---|---|---|
| Firefox | Alt + Shift + key |
No Firefox 57 ou mais recente: Control + Option +
key or Control + Alt +
key No Firefox 14 ou mais recente: Control + Alt + key No Firefox 13 ou mais antigo: Control + key |
|
| Edge | Alt + key | N/A | |
| Internet Explorer | Alt + key | N/A | |
| Google Chrome | Alt + key | Control + Alt + key | |
| Safari | Alt + key | N/A | Control + Alt + key |
| Opera 15+ | Alt + key | Control + Alt + key | |
| Opera 12 |
Shift + Esc abre uma lista de conteúdos acessíveis pela tecla de acesso e, em seguida, pode escolher um item pressionando key |
||
Preocupações com acessibilidade
Além do baixo suporte ao navegador, existem inúmeras preocupações com o atributo accesskey:
- Um valor de
accesskeypode entrar em conflito com uma tecla de atalho do sistema ou do navegador, ou alguma funcionalidade de tecnologia assistida. O que pode funcionar para uma combinação de sistema operacional, tecnologia assistida e navegador pode não funcionar com outras combinações. - Certos valores de
accesskeypodem não estar presentes em alguns teclados, especialmente quando a internacionalização é uma preocupação. Portanto, a adaptação a idiomas específicos pode causar problemas adicionais. - Os valores de
accesskeyque dependem de números podem ser confusos para indivíduos com problemas cognitivos, onde o número não tem uma associação lógica com a funcionalidade que aciona. - Informar o usuário que
accesskeyestão presentes, para que eles estejam cientes da funcionalidade. Se o sistema não tiver o método de o usuário dessa funcionalidade, ele poderá ativar acidentalmente as teclas de acesso (accesskeys).
Devido a esses problemas, geralmente não é aconselhável usar o accesskeys para a maioria dos sites e aplicativos da web.
Especificações
| Specification |
|---|
| HTML # the-accesskey-attribute |