Démo accessibilité web : ordre de tabulation cohérent
Dans cette démo, je compare deux versions d’une même interface du point de vue de l’ordre de tabulation.
Sur la version non accessible :
– le parcours clavier ne suit pas l’ordre visuel de la page ;
– les éléments arrivent dans un ordre inattendu ;
– certains champs ou boutons sont atteints trop tôt ou trop tard ;
– l’utilisateur doit reconstruire mentalement où il se trouve.
Sur la version corrigée :
– la progression au clavier suit l’ordre naturel de lecture ;
– chaque élément arrive au moment attendu ;
– la navigation devient plus simple, plus prévisible et plus compréhensible.
Un bon ordre de tabulation suit simplement le DOM et la lecture de la page.
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 : ordre de tabulation cohérent »
Alors là, on parle de l’ordre de tabulation qui concerne tous les éléments sélectionnables.
Donc ça peut être les boutons, les menus, les formulaires et cetera.
Et normalement un ordre de tabulation normale suit juste le l’ordre des contenus.
Là, vous voyez que là, non, ça ne le fait pas.
Donc quelqu’un avec un lecteur sera un petit peu désorienté, vous voyez,
alors qu’avec un site accessible, ben ça suit juste l’ordre.
Donc il peut y avoir peut y avoir des problèmes. Il faut vérifier quand même. Par exemple,
si on ajoute un champ, un formulaire à postériori sa mise en ligne, des fois si on le met au milieu des autres, il se retrouve en dernier dans la tabulation.
C’est des petits trucs techniques comme ça qu’il faut quand même vérifier.
