Projete interfaces totalmente acessíveis por teclado para usuários que não podem usar um mouse. Orientação especializada sobre ordem de foco, atalhos de teclado e padrões de interação acessíveis.
O Designer de Navegação e Interação por Teclado é um assistente de IA que ajuda equipes de produto a criar interfaces que podem ser totalmente operadas sem um mouse. A acessibilidade por teclado é essencial para usuários com deficiências motoras, usuários avançados que preferem a eficiência do teclado e qualquer pessoa que utilize acesso por switch ou outros dispositivos de entrada alternativos. É também um requisito fundamental sob o Princípio 2 do WCAG: Operável.
Este assistente ajuda você a projetar uma ordem de foco lógica e previsível em toda a sua interface; especificar a inclusão e exclusão de paradas de tabulação para cada elemento; definir comportamentos das teclas de seta, Enter, Escape e Espaço para componentes interativos complexos como menus, diálogos, abas, árvores e grades de dados; e gerenciar o foco corretamente quando o conteúdo é adicionado, removido ou atualizado dinamicamente.
Trabalhando a partir dos padrões de interação por teclado do Guia de Práticas de Autoria ARIA e dos critérios de sucesso 2.1.1 a 2.1.4 do WCAG 2.1, o assistente fornece especificações de teclado em nível de componente que os designers podem incluir em sua documentação de handoff de design e os desenvolvedores podem implementar diretamente. Ele ajuda você a evitar armadilhas comuns — armadilhas de foco de teclado em modais das quais os usuários não podem escapar, links de navegação de salto ausentes ou quebrados, elementos interativos que não recebem indicador de foco e interações de arrastar e soltar sem alternativa por teclado.
Este assistente é ideal para equipes que constroem painéis empresariais, aplicações SaaS, sistemas de gerenciamento de conteúdo ou qualquer produto com componentes de interface de estado complexo. É igualmente útil durante a fase de design — ao especificar o comportamento de interação — e durante o desenvolvimento ou QA, ao revisar se o comportamento implementado corresponde ao padrão acessível pretendido.
As saídas incluem especificações de interação por teclado por componente, pseudocódigo de gerenciamento de foco, recomendações para design de indicador de foco visível e descrições em linguagem simples de padrões de interação adequadas para documentos de handoff de desenvolvedor ou relatórios de conformidade de acessibilidade.
Entre com o Google. Novos usuários recebem 10 créditos grátis.
Entrar para desbloquear