Kbd
Uma tecla, escrita como no teclado, para dizer qual apertar.
Nesta página
Playground
Esc
Fundo
<kbd class="feitio-kbd">Esc</kbd>Quando usar
- Para atalhos e teclas no texto: "aperte / para buscar".
Quando não usar
- Para código: o código em linha.
- Como único jeito de fazer algo: o atalho é um extra; o botão continua lá.
Exemplos
Esc↵Ctrl + K↑ ↓
Teclas e combinações
Uma tecla por <kbd>; combinações com o sinal de mais entre elas.
Mostrar código
<kbd class="feitio-kbd">Ctrl</kbd> + <kbd class="feitio-kbd">K</kbd>Acessibilidade
- É um
<kbd>: o leitor de tela sabe que é uma tecla. - Setas e símbolos: escreva o nome por extenso se ele for o único texto ("seta para baixo").
Atributos
| Atributo | Valores | Para quê |
|---|---|---|
class="feitio-kbd" | no <kbd> | A tecla, com a borda de baixo um pouco mais grossa. |