Interação com o teclado

Em experiências de computador, os teclados físicos permitem mais do que apenas digitar. Eles são essenciais para a eficiência e a acessibilidade do app.

Os elementos de design precisam estar ancorados na parte de baixo do
frame.

Principais pontos ao adaptar para entradas de computador

  1. Os usuários precisam conseguir navegar com facilidade usando apenas um teclado.
  2. Considere ações de eficiência que podem ser traduzidas em atalhos de teclado.

Navegação pelo teclado

Os teclados físicos e os D-pads permitem a navegação no computador e são especialmente importantes para usuários com alcance e destreza limitados.

A tecla Tab precisa percorrer todos os elementos interativos do app na ordem lógica de leitura, geralmente de cima para baixo e da esquerda para a direita, adaptando-se automaticamente da direita para a esquerda em idiomas RTL.

Os elementos de design precisam estar ancorados na parte de baixo do
frame.

As teclas de seta precisam navegar por todos os elementos interativos de forma direcional. Por exemplo, a seta para a direita move o foco para o próximo item em uma linha, e a seta para baixo move o foco para a próxima linha.

Em contextos específicos, como caixas de diálogo modais, a navegação por teclado deve permanecer dentro da caixa, impedindo que o foco se mova para a página subjacente. Permitir que os usuários dispensem o elemento em foco usando a tecla Escape.

Os elementos de design precisam estar ancorados na parte de baixo do
frame.

Interação de componentes

Siga os padrões de navegação específicos do componente. Por exemplo, quando o foco do teclado chega a um controle deslizante, os usuários esperam que as teclas de seta para a esquerda e para a direita ajustem o valor em vez de mover o foco para o próximo elemento. Para orientações de navegação específicas de componentes, leia mais no Guia de práticas de criação do ARIA: padrão.

Embora o framework do Android processe automaticamente a maior parte da navegação pelo teclado, talvez seja necessário gerenciar o foco manualmente para uma experiência do usuário perfeita. Para orientações de design, saiba mais sobre entradas e compatibilidade de entrada em telas grandes para detalhes de implementação.

Sempre que possível, defina o foco inicial do teclado para um elemento da interface do usuário que sirva a um caso de uso importante no seu app, como uma barra de pesquisa ou um botão de ação principal. Isso reduz o número de pressionamentos de tecla e melhora a eficiência da navegação.

Os usuários precisam conseguir identificar qual elemento está em foco aplicando estilos de foco distintos e consistentes a todos os elementos interativos do app. Para orientações de design, saiba mais em estados.

Permitir que os usuários dispensem elementos temporários da interface, como caixas de diálogo, menus e painéis na parte de baixo, pressionando a tecla "Esc", que funciona estritamente como um comando local de "cancelar".

Atalhos do teclado

Use teclados físicos para oferecer suporte a atalhos padrão e personalizados. Isso atende às expectativas dos usuários para ações comuns e acelera a produtividade.

Para ajudar os usuários a descobrir comandos disponíveis e ver atalhos de apps e do sistema em um local unificado, integre seu app ao assistente de atalhos do teclado integrado do Android. Para detalhes da implementação, consulte o Auxiliar de atalhos de teclado.

Figura 3. Com os atalhos, os usuários podem concluir ações com eficiência.

Para orientações de design sobre interações com o teclado, leia mais sobre entradas.