Modo de navegação versus modo de foco
Entenda as duas formas de interação das pessoas com uma página.
Modo de navegação versus modo de foco é uma aula grátis de Web Accessibility Academy no CoddyKit. Esta é a aula 3 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Web Accessibility Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Web Accessibility Academy inclui 4 aulas no total.
Duas formas de interagir
Leitores de tela para computador têm dois modos. O modo de navegação lê o conteúdo, enquanto o modo de foco permite digitá-lo. Conhecer os dois elimina muita confusão. 🔁
O modo de navegação lê
No modo de navegação, teclas como H, K e as setas percorrem a página. O leitor as intercepta para que você possa examinar títulos e links.
Uma cópia virtual
O modo de navegação funciona sobre um buffer virtual simplificado da página. Por isso, você pode percorrer o texto com as setas da mesma forma em qualquer documento.
O modo de foco permite digitar
Quando você chega a um campo de texto, o leitor muda para o modo de foco. Agora suas teclas são enviadas diretamente para o campo, em vez de servirem para navegar.
Por que a mudança importa
Sem dois modos, digitar a letra H faria você pular entre títulos em vez de escrevê-la. O modo de foco permite realmente preencher um formulário.
Mudança automática
O NVDA muda sozinho para o modo de foco quando o foco chega a um campo editável ou a um componente que precisa receber as teclas diretamente.
Forçando o modo
Você também pode mudar manualmente. No NVDA, NVDA mais Espaço alterna entre os modos de navegação e de foco quando a detecção automática erra.
NVDA: press NVDA + Space to toggle modesO equivalente no VoiceOver
O VoiceOver chama seu estado de digitação de Quick Nav off. Ativar ou desativar o Quick Nav alterna entre explorar e interagir, de forma semelhante aos dois modos.
Componentes personalizados confundem
Um botão falso ou um div que finge ser um menu pode deixar o leitor no modo errado, fazendo com que as teclas não tenham uma função útil.
Os papéis corretos resolvem
Os papéis corretos informam ao leitor quando entrar no modo de foco. Controles reais de formulário e papéis ARIA adequados fazem a mudança acontecer no momento certo.
Teste os dois caminhos
Durante a auditoria, verifique se a leitura funciona no modo de navegação e se todos os campos aceitam texto quando o modo de foco é ativado.
Verificação rápida
O que o modo de foco de um leitor de tela permite que o usuário faça?
Recapitulação
O modo de navegação lê e permite navegar; o modo de foco permite digitar e interagir. Papéis corretos alternam o modo automaticamente para que os usuários nunca fiquem presos. ✅
Perguntas Frequentes
A aula “Modo de navegação versus modo de foco” é grátis?
Sim — o texto completo de “Modo de navegação versus modo de foco” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Web Accessibility Academy, atualize para CoddyKit PRO. O curso de Web Accessibility Academy inclui 4 aulas no total.
O que vou aprender em “Modo de navegação versus modo de foco”?
Entenda as duas formas de interação das pessoas com uma página. Você pratica Web Accessibility Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar Web Accessibility Academy?
Nenhuma experiência prévia é necessária. Web Accessibility Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 3 de 4.
Quanto tempo leva a aula “Modo de navegação versus modo de foco”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de Web Accessibility Academy?
Sim. Cada aula de Web Accessibility Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- Ativando NVDA, VoiceOver e TalkBack
- Os gestos e atalhos de teclado essenciais
- Modo de navegação versus modo de foco
- Uma rodada repetível de testes com leitor de tela