Scénario 1 / 8
div cliquable vs bouton
Un div cliquable ne reçoit aucune annonce du lecteur d'écran : ni rôle, ni indication qu'il est interactif. Le button résout les trois problèmes d'un coup.
div cliquable vs button
HTML
<div onclick="alert('clic')">Envoyer le message</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
<button type="button" onclick="alert('clic')">Envoyer le message</button> 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é.
Un div cliquable est invisible au lecteur d'écran. Aucun rôle n'est annoncé et l'élément n'est pas atteignable au clavier.