L’accessibilité et les tutoriels veulent la même chose : des commandes qui ont un nom. Le guide de l’application dit à votre base de code ou à votre assistant IA ce qu’il faut prévoir. La répétition vous dit ce qui manque. Le fichier de reprise renvoie les correctifs.
Chaque commande porte un nom qu’une personne dirait. Les libellés sont uniques à l’écran ou accompagnés d’un contexte. Les champs disent ce qu’ils sont. Les boîtes de dialogue s’annoncent. Le chargement est signalé honnêtement. C’est de l’accessibilité, tout simplement, et c’est ce qui sépare un script qui fonctionne du premier coup d’un script qui vous pose cinq questions. Le guide tient en une liste de vérification et un paragraphe à coller dans les consignes de projet de votre assistant IA.
Au-delà des vidéos.
Douze courtes sections : noms, unicité, types de champs, boîtes de dialogue, surfaces, iframes et shadow DOM, points d’ancrage stables, ce qui résiste à l’automatisation, disponibilité, état de démonstration.
Après la répétition, un rapport JSON par phrase : ce que la phrase voulait dire, ce qu’elle a touché, le correctif au script, le correctif à l’application. Écrit pour être lu par une IA.
aria-busy, disabled et le focus sont respectés : Tuti Tuti attend qu’une commande soit utilisable au lieu de deviner un délai.
data-testid, data-test, data-cy, identifiants écrits à la main, aria-label, name, href, classes stables, puis le chemin. Les identifiants générés et les classes hachées sont ignorés à dessein.
Fonctionne sur localhost et en environnement de test comme partout ailleurs. Enregistrez le tutoriel avant la mise en production de la fonctionnalité.
Votre assistant peut analyser et vérifier un script avec le vrai analyseur avant que vous ne le colliez.
La dernière section du guide est un bloc destiné à un assistant de programmation : nommer chaque commande, garder les libellés uniques, donner un type à chaque champ, construire les boîtes de dialogue avec des rôles, masquer correctement les superpositions fermées, mettre un data-testid sur les commandes des tutoriels, signaler le chargement avec aria-busy. Collez-le une seule fois.
Claude, Cursor, Copilot : celui qui construit vos écrans.
Là où les mots et l’interface ne s’entendent pas, vous le savez en une minute, pas dans un billet de soutien.
Votre IA corrige les libellés et les phrases. Répétez de nouveau. Exportez.
Le guide de l’application se lit en dix minutes et s’applique en un seul collage.
Tuti Tuti - powered by Pandacat.