Navegação por marcos: como os usuários se deslocam
Experimente mover-se de região em região com um leitor de tela.
Navegação por marcos: como os usuários se deslocam é uma aula grátis de Web Accessibility Academy no CoddyKit. Esta é a aula 4 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.
Partes desta aula ainda não foram traduzidas e aparecem em inglês.
Jumping, Not Scrolling
A sighted user glances around a page. A screen reader user instead jumps region to region using landmarks you defined.
The Landmark Shortcut
Most screen readers offer a key to cycle landmarks. In NVDA the D key hops to the next region without touching the mouse.
A List of Regions
Users can also open a landmarks list, a menu of every region on the page, and pick one to leap straight there.
Skip the Repeated Stuff
The big win is skipping. Users jump past the header and nav they have heard before, landing right on fresh content.
VoiceOver Rotor
On a Mac, VoiceOver users open the rotor and choose Landmarks to navigate your regions by name and role.
Why Names Pay Off
In that landmark list, your aria-label values become the menu items, so good names are what make jumping useful.
<nav aria-label="Main">...</nav>Order Follows the DOM
Landmarks are visited in source order, so a logical HTML order means a logical jump order for everyone.
Too Many Landmarks Hurt
If every box is a region, the list becomes noise. Use landmarks for true page sections, not for general layout.
Cover the Whole Page
Ideally all visible content sits inside some landmark. Orphan content outside any region is harder to reach by jumping.
Test It Yourself
Open a screen reader and press the landmark key. If you can jump cleanly through your page, your regions are working. 🎧
Faster Than Tabbing
Landmark jumps beat pressing Tab dozens of times. A few keystrokes replace a long, tiring crawl through every link.
Quick Check
What is the main benefit of landmark navigation for screen reader users?
Recap: Jumping Around
You learned how users hop between landmarks with a key or rotor, why named regions and DOM order matter, and to test by ear. 🙌
Perguntas Frequentes
A aula “Navegação por marcos: como os usuários se deslocam” é grátis?
Sim — o texto completo de “Navegação por marcos: como os usuários se deslocam” é 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 “Navegação por marcos: como os usuários se deslocam”?
Experimente mover-se de região em região com um leitor de tela. 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 4 de 4.
Quanto tempo leva a aula “Navegação por marcos: como os usuários se deslocam”?
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
- header, nav, main, footer: os quatro grandes
- Colocando conteúdo em main e apenas um main
- Nomeando várias regiões com aria-label
- Navegação por marcos: como os usuários se deslocam