Démo accessibilité web : navigation au clavier
Dans cette démo, je compare deux versions d’une même page du point de vue de la navigation clavier.
Sur la version non accessible :
– certains éléments ne sont pas atteignables ;
– des boutons ressemblent à des actions sans en être vraiment ;
– les intitulés restent ambigus ;
– l’utilisateur ne sait pas toujours ce qu’il va déclencher.
Sur la version corrigée :
– chaque action est atteignable au clavier ;
– l’activation fonctionne avec Entrée ou Espace selon le composant ;
– les actions sont compréhensibles ;
– le focus reste visible pendant le parcours.
Une navigation clavier correcte permet d’atteindre, comprendre et activer chaque action.
Cette vidéo fait partie d’une série de démonstrations autour de l’accessibilité web et du RGAA.
Transcription de la vidéo « Démo accessibilité web : navigation au clavier »
Donc autre démo
cette fois-ci c’est une navigation au clavier.
Donc certaines personnes n’ont pas accès à une souris. Ils se servent du clavier pour naviguer.
Quelquefois les sites n’ont pas du tout ça de prévu comme ici.
Vous voyez qu’on on n’accède pas aux actions du bouton des boutons.
Et même si on y accédait, les boutons ne sont pas clairs.
Sur un site accès accessible, on a accès aux actions ici.
Là par exemple, j’appuie sur entrer. analyse lancée, sélection validée, asser à l’étape suivante.
Vous voyez les actions sont possibles et compréhensibles et on voit où on est.
