Scénario 5 / 8
Structure de navigation
Un div qui contient des liens n'est pas une navigation. Sans nav, le lecteur d'écran ne détecte aucun landmark et l'utilisateur perd l'accès aux raccourcis de navigation rapide.
Navigation sans balises vs navigation structurée
HTML
<div>
<a href="/">Accueil</a>
<a href="/blog">Blog</a>
</div>Rendu visuel
Simulation lecteur d'écran
Cette simulation est une approximation pédagogique. Elle ne reproduit pas le comportement exact de NVDA, JAWS ou VoiceOver. Pour tester réellement, installez NVDA (gratuit, Windows).
Aucune annonce — aucun élément significatif détecté.
HTML
<nav aria-label="Navigation principale">
<ul>
<li><a href="/">Accueil</a></li>
<li><a href="/blog">Blog</a></li>
</ul>
</nav>Rendu visuel
Simulation lecteur d'écran
Cette simulation est une approximation pédagogique. Elle ne reproduit pas le comportement exact de NVDA, JAWS ou VoiceOver. Pour tester réellement, installez NVDA (gratuit, Windows).
Aucune annonce — aucun élément significatif détecté.
Simulation lecteur d'écran
Cette simulation est une approximation pédagogique. Elle ne reproduit pas le comportement exact de NVDA, JAWS ou VoiceOver. Pour tester réellement, installez NVDA (gratuit, Windows).
Aucune annonce — aucun élément significatif détecté.
Sans nav, le lecteur d'écran ne voit pas de landmark de navigation. L'utilisateur perd l'accès aux raccourcis de navigation rapide (touche R dans NVDA).