Interação por teclado
| Tecla | Ação |
|---|---|
| Tab | Move o foco para o botão ou o link. |
| Enter | Ativa o botão ou segue o link. |
| Espaço | Ativa o botão. Em links, rola a página (comportamento nativo). |
Notas de acessibilidade
- O nome acessível é o texto do elemento. Botões só com ícone precisam de um
aria-label. - O texto atinge uma relação de contraste de 4,5:1 em todas as variantes, tons e temas; o gerador da paleta garante isso.
- O anel de foco é um contorno de 2 px com contraste de pelo menos 3:1 em relação à página, nos dois temas.
- Um
<button>desativado sai da ordem de tabulação. Um link desativado continua focável, para que quem usa leitor de tela possa encontrá-lo, e é anunciado como desativado. - No modo de cores forçadas, a borda transparente vira um contorno visível na cor do sistema.