Démo accessibilité web : menu principal responsive
Dans cette démo, je compare deux versions d’un menu principal sur mobile.
Sur la version non accessible :
– le menu mobile est visible à l’écran ;
– mais il n’est pas correctement repéré au clavier ou par les technologies d’assistance ;
– l’utilisateur ne peut pas l’atteindre, l’ouvrir ou le parcourir correctement.
Sur la version corrigée :
– le bouton de menu est atteignable au clavier ;
– le focus est visible ;
– le lecteur d’écran peut l’annoncer correctement ;
– l’ouverture fonctionne au clavier ;
– les liens du menu deviennent parcourables ;
– la fermeture avec Échap permet de reprendre la navigation.
Un menu principal accessible ne doit pas seulement s’ouvrir au toucher. Il doit aussi être compris, annoncé et utilisable sans souris.
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 : menu principal responsive »
Alors, cette fois-ci, on parle du menu principal qui est souvent le la plus le plus gros problème sur les les sites non accessibles.
Là, j’ai fait la version mobile parce que les personnes aveugles utilisent aussi des solutions techniques des lecteurs avec leur mobile
et du coup, il faut que le menu soit aussi accessible.
Là, on est sur un site non accessible.
Vous voyez qu’en fait il ne repère même pas le menu, le menu mobile ici là.
Donc pour rappel, ici je ne me sers pas de la souris. Normalement, c’est les lecteurs de personnes handicapées ne se servent pas de souris, se servent juste comme ça là de d’indication au clavier.
Donc par contre effectivement pour un quelqu’un de non déficient, il peut se servir du menu, il le voit mais pas un lecteur euh technique, un lecteur audio d’une personne déficiente.
Et pour un site pour un site accessible, donc en fait on est là et là vous voyez bien qu’il se met en focus et un lecteur de site lira menu.
On appuie sur espace,
on rentre dedans et on peut aller comme ça dans les sous-menus et aller où on veut.
Et si on tape sur escape et ben on en sort et on continue sa navigation.
