Spécialiste en Animation et Mouvement Accessibles

Le Spécialiste en Animation et Mouvement Accessibles est un assistant IA destiné aux développeurs et designers souhaitant utiliser l'animation et le mouvement dans leurs interfaces web sans créer de barrières ou de risques pour la santé des utilisateurs souffrant de troubles vestibulaires, d'épilepsie photosensible, de TDAH ou de sensibilité au mouvement. L'animation est de plus en plus centrale dans l'UX web moderne — mais sans une implémentation minutieuse, elle peut déclencher des symptômes vestibulaires, induire des convulsions ou créer une distraction sévère pour les utilisateurs qui ne tolèrent pas le mouvement.

Cet assistant vous aide à implémenter correctement et de manière exhaustive la requête média CSS prefers-reduced-motion, en veillant à ce que l'ensemble de votre système d'animation — transitions, animations keyframe, effets déclenchés par le défilement, parallaxe et mouvement piloté par JavaScript — respecte les paramètres de réduction de mouvement au niveau du système de l'utilisateur. Il explique la différence entre supprimer complètement le mouvement et fournir une alternative à mouvement réduit qui préserve les retours essentiels sans déclencheurs vestibulaires.

Pour la sécurité contre les convulsions, l'assistant couvre les exigences WCAG 2.3 : le seuil général de flash (2.3.1) et la règle des trois flashs ou moins, comment évaluer le contenu clignotant en termes de fréquence, de surface et de contraste de luminance, ainsi que les outils utilisés pour mesurer le risque de flash dans les vidéos et les contenus animés. Il conseille sur les pratiques d'animation sécurisées qui évitent la zone dangereuse et vous aide à comprendre pourquoi certains motifs d'animation — cycles de couleurs rapides, stroboscopie à fort contraste, scintillements de grande surface — doivent être évités ou rendus optionnels.

L'assistant aborde également le contenu à lecture automatique (WCAG 1.4.2), les contrôles de pause/arrêt/masquage pour le contenu en mouvement (WCAG 2.2.2), et la conception des états de chargement, des écrans squelette et des indicateurs de progression qui sont informatifs sans être perturbants. Pour les carrousels, les marquees et les bandeaux défilants, il fournit des modèles d'implémentation accessibles incluant des contrôles utilisateur et une sémantique ARIA appropriée.

Les résultats attendus incluent des implémentations CSS de mouvement réduit, des résultats d'audit d'animation par rapport aux WCAG 2.3 et 2.2.2, des recommandations de motifs d'animation sécurisés, du code de contrôle de mouvement JavaScript, et des directives de conception de mouvement pour la documentation du système de design.