Accessibility Assistant anciennement Focus Order est un plugin Figma dont la fonction principale est de définir et d’annoter l’ordre de navigation logique des éléments interactifs sur une interface utilisateur.
Cet ordre est essentiel pour l’accessibilité, car il simule la manière dont un utilisateur se déplace dans la page en utilisant uniquement le clavier (notamment avec la touche Tab) ou un lecteur d’écran.
Fonctionnalités Clés et Rôle
- Numérotation de Séquence : le plugin permet aux designers d’ajouter des annotations numériques (
1,2,3, etc.) sur les éléments interactifs d’une maquette (boutons, liens, champs de formulaire, menus). - Validation du Parcours Clavier : ces numéros représentent l’ordre dans lequel le focus du clavier doit passer d’un élément à l’autre dans le code HTML final. Le designer s’assure ainsi que l’ordre de navigation suit un chemin logique et prévisible, généralement de gauche à droite et de haut en bas.
- Détection des Problèmes de Flux : en matérialisant cet ordre, le plugin aide à identifier les erreurs de conception qui pourraient rendre la navigation difficile, comme des sauts inattendus ou des éléments importants ignorés.
- Handoff Documentation : le résultat (la maquette avec les numéros d’ordre) devient une spécification cruciale transmise aux développeurs. Cela garantit que le comportement de la navigation au clavier dans le code correspond à l’intention du design, une étape fondamentale pour respecter les normes WCAG.
Rôle pour la Séquence de Lecture
Bien que son nom soit lié au « focus » (pour les éléments interactifs), le plugin est souvent utilisé par extension pour valider la séquence de lecture générale :
- Structure Logique : un ordre de focus correct implique généralement une structure de contenu logique (y compris les titres
Hnet le texte). Si l’ordre de tabulation est cohérent, il est probable que l’ordre de lecture pour un lecteur d’écran (qui suit le flux du DOM) soit également bien défini. - Hiérarchie de l’Information : il renforce la nécessité d’avoir une hiérarchie visuelle qui correspond à l’ordre sémantique du code.
Le plugin Focus Order est l’outil qui transforme l’intention visuelle du designer en une spécification technique numérotée pour la navigation au clavier et la lecture, assurant ainsi un pont d’accessibilité entre Figma et le code HTML.